WPF_布局基础

布局容器

Grid

定义由列和行组成的灵活的网格区域。

XML 复制代码
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition/>
        </Grid.RowDefinitions>

XML 复制代码
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>

背景

XML 复制代码
        <Border Grid.Row="0" Grid.Column="0" Background="Red"/>
        <Border Grid.Row="0" Grid.Column="1" Background="Blue"/>
        <Border Grid.Row="1" Grid.Column="0" Background="Green"/>
        <Border Grid.Row="1" Grid.Column="1" Background="Yellow"/>

尺寸

自动适应:以所在行的元素最高尺寸为标准来定义行高。

绝对尺寸:给指定数值或者比例来定义行高。

跨行跨列:类似合并方格。

StackPanel

将子元素排列成水平或垂直的一行(默认:垂直)。

WrapPanel

将子元素按从左到右的顺序定位,将内容分到其包含框边缘的下一行(默认:水平排列)。

DockPanel

将子内容停靠在布局容器的边缘。

UniformGrid

提供一种在网格(网格中的所有单元格都具有相同的大小)中排列内容的方法。

案例

XML 复制代码
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="100"/>
            <RowDefinition/>
        </Grid.RowDefinitions>

        <Border Background="#7671D8"/>

        <Grid Grid.Row="1">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="200"/>
                <ColumnDefinition/>
            </Grid.ColumnDefinitions>
            
            <Border Background="Blue"/>

            <Grid Grid.Column="1">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                </Grid.ColumnDefinitions>

                <Grid.RowDefinitions>
                    <RowDefinition Height="0.8*"/>
                    <RowDefinition/>
                    <RowDefinition/>
                </Grid.RowDefinitions>

                <Border Margin="5" Grid.Column="0" Background="#BCC2FA"/>
                <Border Margin="5" Grid.Column="1" Background="#5DA8CF"/>
                <Border Margin="5" Grid.Column="2" Background="#DF7FCF"/>
                <Border Margin="5" Grid.Column="3" Background="#4FB8B7"/>
                <Border Margin="5" Grid.Column="4" Background="#E07A7D"/>

                <Border Grid.Row="1" Grid.ColumnSpan="3" Background="red" Margin="5"/>
                <Border Grid.Row="1" Grid.Column="3" Grid.ColumnSpan="2" Background="Yellow" Margin="5"/>
                <Border Grid.Row="2" Grid.ColumnSpan="3" Background="Blue" Margin="5"/>
                <Border Grid.Row="2" Grid.Column="3" Grid.ColumnSpan="2" Background="Green" Margin="5"/>

            </Grid>

        </Grid>
    </Grid>
相关推荐
军训猫猫头11 小时前
5.浏览本地文件获取路径与文件名称 C#例子 WPF例子
开发语言·c#·wpf
步、步、为营18 小时前
.NET + WPF框架开发聊天、网盘、信息发布、视频播放功能
.net·wpf·音视频
code bean1 天前
【WPF实战】MVVM中如何从数据模型反查自定义控件实例(ImageView + Halcon)
wpf
lph19721 天前
ValueConverter转换器WPF
wpf
Sally璐璐1 天前
Memcache核心技术解析与实战应用
运维·wpf·memcached
悟能不能悟2 天前
Dubbo跨越分布式事务的最终一致性陷阱
分布式·wpf·dubbo
I'mSQL2 天前
C#与FX5U进行Socket通信
运维·服务器·自动化·wpf
观无3 天前
关于wpf的自适应
wpf
时光追逐者3 天前
一款开源免费、通用的 WPF 主题控件包
开源·c#·.net·wpf
甜甜不吃芥末4 天前
Windows 应用程序的 UI 框架:WPF、WinUI 3 和 UWP的差异区别
windows·ui·wpf