#761 – FlowDirection如何影响HorizontalContentAlignment(How FlowDirection Affects HorizontalContentAlign)

原文地址：https://wpf.2000things.com/2013/02/21/761-how-flowdirection-affects-horizontalcontentalignment/

FlowDirection  属性可以被设置成 LeftToRight或者 RightToLeft 这两个枚举值，表示控件中内容的水平布局方向。而HorizontalContentAlignment属性也是用来设置控件中内容的水平对齐方式。

那么如果两个属性都设置了，它们是怎么工作的呢？

其实很简单，如果两个属性都设置了，首先会看HorizontalContentAlignment 属性，然后看FlowDirection  属性。如果FlowDirection  属性的值是RightToLeft ，那么控件中的内容会按照HorizontalContentAlignment 属性相反的方向布局。也就是说如果FlowDirection  属性的值是RightToLeft，布局结果最终与HorizontalContentAlignment 属性设置的值相反；如果FlowDirection  属性的值是LeftToRight，那么布局最终结果与HorizontalContentAlignment 属性设置的值相同。可以理解为RightToLeft 起到一个将水平布局反向的作用。

下面是例子和结果图，可以看出设置了FlowDirection  属性的值是RightToLeft后的布局结果

<Grid ShowGridLines="True">    <Grid.ColumnDefinitions>        <ColumnDefinition Width="*"/>        <ColumnDefinition Width="*"/>    </Grid.ColumnDefinitions>     <Grid.RowDefinitions>        <RowDefinition Height="Auto"/>        <RowDefinition Height="Auto"/>        <RowDefinition Height="Auto"/>    </Grid.RowDefinitions>     <Label Content="HorizontalContentAlignment / FlowDirection Values" Grid.Row="0" Grid.ColumnSpan="2"           HorizontalAlignment="Center"/>     <Label Content="Left / LeftToRight" Grid.Row="1" Grid.Column="0"           HorizontalAlignment="Stretch" HorizontalContentAlignment="Left"           Background="Bisque"/>    <Label Content="Left / RightToLeft" Grid.Row="1" Grid.Column="1"           HorizontalAlignment="Stretch" HorizontalContentAlignment="Left"           FlowDirection="RightToLeft"           Background="Bisque"/>     <Label Content="Right / LeftToRight" Grid.Row="2" Grid.Column="0"           HorizontalAlignment="Stretch" HorizontalContentAlignment="Right"           Background="Bisque"/>    <Label Content="Right / RightToLeft" Grid.Row="2" Grid.Column="1"           HorizontalAlignment="Stretch" HorizontalContentAlignment="Right"           FlowDirection="RightToLeft"           Background="Bisque"/></Grid>