水平和垂直对齐

发布时间：2020-06-21 01:22:56 阅读：369 作者：windows_phone 栏目：开发技术

开发者测试专用服务器限时活动，0元免费领，库存有限，领完即止！点击查看>>

水平对齐：

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">            <Grid.RowDefinitions>                <RowDefinition></RowDefinition>                <RowDefinition></RowDefinition>                <RowDefinition></RowDefinition>                <RowDefinition></RowDefinition>            </Grid.RowDefinitions>            <Button Content="Left左部对齐" Height="80" Width="220" HorizontalAlignment="Left"></Button>            <Button Grid.Row="1" Content="Right右部对齐" Width="220" Height="80"  HorizontalAlignment="Right"></Button>            <Button Grid.Row="2" Width="220" Height="80" Content="Center剧中对齐"  HorizontalAlignment="Center"></Button>            <Button Grid.Row="30"  Height="80" HorizontalAlignment="Stretch" Content="Stretch拉伸对齐"></Button>         </Grid>

注意：Stretch：元素以垂直填充的方式进行布局

HorizontalAlignment要使用Stretch值，就不能设置元素的Width属性，否则Stretch值将不会起作用。

垂直对齐：

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">           <Grid.RowDefinitions>               <RowDefinition></RowDefinition>               <RowDefinition></RowDefinition>               <RowDefinition></RowDefinition>               <RowDefinition></RowDefinition>           </Grid.RowDefinitions>           <Button Content="Top顶端对其" Height="80" Width="220" VerticalAlignment="Top"></Button>           <Button Grid.Row="1" Content="Center居中对齐" Width="220" Height="80" VerticalAlignment="Center"></Button>           <Button Grid.Row="2" Width="220" Height="80" Content="Bottom底部对齐" VerticalAlignment="Bottom"></Button>           <Button Grid.Row="30" Width="220" VerticalAlignment="Stretch" Content="Stretch拉伸对齐"></Button>       </Grid>

注意：Stretch：元素以水平方向填充父元素的布局空间

VerticalAlignment在使用Stretch值时，就不能设置元素的Height属性，否则Stretch将不会起作用。

亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

向AI问一下细节

水平和垂直对齐

猜你喜欢

最新资讯

相关推荐

开发者交流群：

相关标签