脚本宝典收集整理的这篇文章主要介绍了WPF-XMAL-布局和控件-布局，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

什么是布局

简单地说，布局是一个递归系统，实现对元素进行大小调整、定位和绘制。 更具体地说，布局描述测量和排列元素集合 Panel 的成员 Children 的过程。

为什么使用布局

不为啥，你所作的控件的的显示都是基于布局而来

怎么使用布局

可以使用派生自panel元素的子类

1.Grid

  <TITle="MainWindow" Height="240" Width="400"
        MinHeight="200" MaxHeight="400" MinWidth="340" MaxWidth="600">
      <!--默认为240*400 最大为400*600 最小为200*340-->
    <Grid Margin="10">
        
        <Grid.ColumnDefinitions><!--列-->
            <ColumnDefinition Width="auto" />
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="80"/> 
            <ColumnDefinition Width="4"/>
            <ColumnDefinition Width="80"/>
            <!-- 80绝对值 1*比例值 auto自动值-->
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions><!--行-->
            <RowDefinition Height="25" />
            <RowDefinition Height="4" />
            <RowDefinition Height="*"/>
            <RowDefinition Height="4"/>
            <RowDefinition Height="25" />
        </Grid.RowDefinitions>
<!--VerticalAlignment="center" 垂直对齐的特征-->
        <TextBlock Text="请选择则部门并留言" Grid.Row="0" Grid.Column="0" VerticalAlignment="Center"></TextBlock> 
        <ComboBox Grid.Row="0" Grid.Column="1" Grid.ColumnSpan="4"></ComboBox>
        <TextBox Grid.Row="2" Grid.ColumnSpan="5" Borderbrush="Black"></TextBox>
        <Button Content="提交" Grid.Column="2" Grid.Row="4"></Button>
        <Button Content="清除" Grid.Column="4" Grid.Row="4"></Button>
    </Grid>

适用于：

1. ui框架的大体设计
2. 大量的UI元素需要成行成列的对其
3. UI整体尺寸改变时，元素要保持原有的高度和宽度比例

2.StackPanel 将子元素排列成水平或垂直的一行。

    <Title="MainWindow" Height="300" Width="600">
    <Grid Margin="10">
        
        <Grid.RowDefinitions>
            <RowDefinition Height="1*" />
            <RowDefinition Height="1*" />
        </Grid.RowDefinitions>

        <StackPanel Orientation="Horizontal" HorizontalAlignment="Left" VerticalAlignment="Top" Grid.Row="0">
            <TextBox Height="80" Width="150" Background="AntiqueWhite" Margin="5">1</TextBox>
            <TextBox Height="80" Width="150" Background="AntiqueWhite" Margin="5">2</TextBox>
            <TextBox Height="80" Width="150" Background="AntiqueWhite" Margin="5">3</TextBox>
            <TextBox Height="80" Width="150" Background="AntiqueWhite" Margin="5">4</TextBox>
        </StackPanel>
        <StackPanel Orientation="Vertical" HorizontalAlignment="Left" VerticalAlignment="Top" Grid.Row="1">
            <TextBox Height="80" Width="125" Background="AntiqueWhite" Margin="5">1</TextBox>
            <TextBox Height="80" Width="125" Background="AntiqueWhite" Margin="5">2</TextBox>
            <TextBox Height="80" Width="125" Background="AntiqueWhite" Margin="5">3</TextBox>
        </StackPanel>
    </Grid>

脚本宝典总结

以上是脚本宝典为你收集整理的WPF-XMAL-布局和控件-布局全部内容，希望文章能够帮你解决WPF-XMAL-布局和控件-布局所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。