WPF容器使用

最新推荐文章于 2025-03-13 14:39:06 发布

四月的南方

最新推荐文章于 2025-03-13 14:39:06 发布

阅读量276

点赞数 1

分类专栏： C#学习文章标签： wpf

本文链接：https://blog.youkuaiyun.com/m0_58028410/article/details/127894499

版权

C#学习专栏收录该内容

9 篇文章

订阅专栏

名称	内容
Grid	常用容器
StackPanel	容器，局部容器，可垂直水平排列
DockPanel	DockPanel容器，可以停靠四周
WrapPanel	WrapPanel容器，自适应，可根据控件大小，适应排列
UniformGrid	UniformGrid容器，在有限的空间内均分空间

<Grid>
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <Border Grid.Row="0" Background="Blue" />
        <Border Grid.Row="1" Background="Red"/>
        <Border Grid.Row="0" Grid.Column="1" Background="Green"/>
        <Border Grid.Row="1" Grid.Column="1" Background="Yellow"/>

        <!--StackPanel容器，局部容器，可垂直水平排列，-->
        <StackPanel Orientation="Horizontal">
            <Button Width="100" Height="50"></Button>
            <Button Width="100" Height="50"></Button>
            <Button Width="100" Height="50"></Button>
            <Button Width="100" Height="50"></Button>
            <Button Width="100" Height="50"></Button>

        </StackPanel>
        <!--WrapPanel容器，自适应，可根据 控件大小，适应排列 -->
        <WrapPanel Grid.Column="1" Orientation="Vertical">
            <Button Width="100" Height="50"></Button>
            <Button Width="100" Height="50"></Button>
            <Button Width="100" Height="50"></Button>
            <Button Width="100" Height="50"></Button>
            <Button Width="100" Height="50"></Button>
            <Button Width="100" Height="50"></Button>
        </WrapPanel>
        <!--DockPanel容器，可以停靠四周 -->
        <DockPanel Grid.Row="1" LastChildFill="False">
            <Button Width="100" Height="50" DockPanel.Dock="Left"></Button>
            <Button Width="100" Height="50" DockPanel.Dock="Right"></Button>
            <Button Width="100" Height="50" DockPanel.Dock="Top"></Button>
            <Button Width="100" Height="50" DockPanel.Dock="Bottom"></Button>
        </DockPanel>
        <!--UniformGrid容器，在有限的空间内均分空间 -->
        <UniformGrid Grid.Row="1" Grid.Column="1" Rows="3" Columns="3">
            <Button Width="100" Height="50"></Button>
            <Button Width="100" Height="50"></Button>
            <Button Width="100" Height="50"></Button>
            <Button Width="100" Height="50"></Button>
            <Button Width="100" Height="50"></Button>
            <Button Width="100" Height="50"></Button>
            <Button Width="100" Height="50"></Button>
        </UniformGrid>
    </Grid>