您可以尝试为CommandBar设置
VerticalContentAlignment="Center"，如下所示：
<Page.BottomAppBar>
<CommandBar Grid.Row="0" FlowDirection="LeftToRight" VerticalContentAlignment="Center">
<AppBarButton x:Name="Back" Icon="Back" Label="Back" VerticalAlignment="Center" VerticalContentAlignment="Center"/>
<AppBarButton x:Name="Forward" Icon="Forward" Label="Forward" VerticalAlignment="Bottom" VerticalContentAlignment="Center"/>
<AppBarButton x:Name="Refresh" Icon="Refresh" Label="Refresh" VerticalContentAlignment="Center"/>
<AppBarButton x:Name="Cancel" Icon="Cancel" Label="Cancel" VerticalContentAlignment="Center"/>
<AppBarButton x:Name="Home" Icon="Home" Label="Home" VerticalContentAlignment="Center"/>
<CommandBar.Content>
<TextBox x:Name="Value" Width="880"/>
</CommandBar.Content>
</CommandBar>
</Page.BottomAppBar>
< p >
【更新于2018/6/8】
【更新于2018/6/14】
在进行了大量测试并咨询了同事之后，我们找到了一种实现您目标的方法。
我正在寻求一种既适用于带标签又适用于不带标签的对齐方式。我将更新我的问题以明确解释这一点。
为了实现您的目标，请先查看CommandBar 样式和模板。请定位到CompactOpenUp VisualState。您可以看到它会对ContentTransform应用动画，并改变其Y轴位置。这就是当打开 CommandBar 时文本框垂直对齐的原因。
<VisualState x:Name="CompactOpenUp">
<Storyboard>
<DoubleAnimationUsingKeyFrames Storyboard.TargetName="ContentTransform" Storyboard.TargetProperty="Y">
<DiscreteDoubleKeyFrame KeyTime="0:0:0" Value="{Binding TemplateSettings.CompactVerticalDelta, RelativeSource={RelativeSource Mode=TemplatedParent}}"/>
</DoubleAnimationUsingKeyFrames>
......
受此启发，当CommandBar关闭时，我们也可以动态更改文本框的Y轴位置，使其垂直对齐。然后，让我们定位到样式中的ContentControl。该控件实际上用于托管您的文本框。因此，我们可以为其定义一个如下所示的TranslateTransform：
<ContentControl x:Name="ContentControl" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" ContentTransitions="{TemplateBinding ContentTransitions}" Foreground="{TemplateBinding Foreground}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" IsTabStop="False" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}">
<ContentControl.RenderTransform>
<TranslateTransform x:Name="ContentControlTransform"></TranslateTransform>
</ContentControl.RenderTransform>
</ContentControl>
在此之后，我相信您已经知道我们需要在
CompactClosed可视状态中定义动画。但是您需要考虑
Y轴的值是否合适。如何计算这个值？让我们检查
CompactOpenUp可视状态。它将
TemplateSettings.CompactVerticalDelta绑定为其
Y轴位置。在不同的可视状态下，
CompactVerticalDelta将会动态地改变。因此，我们需要定义一个转换器来计算该值。
转换器类如下所示：
public class CompactVerticalDeltaConverter:IValueConverter
{
public object Convert(object value, Type targetType, object parameter, string language)
{
return (double)value/2;
}
public object ConvertBack(object value, Type targetType, object parameter, string language)
{
throw new NotImplementedException();
}
}
接下来，CompactClosed 可视状态应该如下所示:
<VisualState x:Name="CompactClosed">
<Storyboard>
<DoubleAnimationUsingKeyFrames Storyboard.TargetName="ContentControlTransform" Storyboard.TargetProperty="Y">
<DiscreteDoubleKeyFrame KeyTime="0:0:0" Value="{Binding TemplateSettings.CompactVerticalDelta, RelativeSource={RelativeSource Mode=TemplatedParent},Converter={StaticResource CompactVerticalDeltaConverter}}"/>
</DoubleAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
目前为止，我们已经达成了您的目标，请尝试一下。
VerticalContentAlignment="Center"实际上是有效的。文本框与整个AppBarButton垂直对齐。 AppBarButton 具有图标和标签。当您设置IsOpen="True"时，您会看到它垂直对齐。否则，它看起来像没有垂直对齐，但实际上是垂直对齐的。请查看我的更新回复。 - Xie StevenVisualState和ContentControl？我尝试直接放在CommandBar.Content上，但它说已经有一个Content属性。我还尝试将其放在相对面板中，与我添加的文本框和另一个UI元素一起，但它说UIElementCollection不能有那个。我也尝试在commanbar上，但这次错误是IObservableVector。我还尝试在外部使用<Style TargetType="CommandBar">，但没有头绪。 - Ender Look