WPF练习,Grid窗口划分

<Window
    x:Class="WPFCoreTest.GridDemon"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:local="clr-namespace:WPFCoreTest"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    Title="GridDemon"
    Width="800"
    Height="450"
    mc:Ignorable="d">
    <Grid>
        <!--定义第1行 -->
        <Grid.RowDefinitions>
            <RowDefinition Height="100"/>
            <RowDefinition />
        </Grid.RowDefinitions>
        <Border
            Grid.Row="0"
            Grid.Column="0"
            Background="#7372D7" />
        <!--定义第2行 -->
        <Grid Grid.Row="1">
            <!--定义第2行的第1列 -->
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="250"/>
                <ColumnDefinition />
            </Grid.ColumnDefinitions>
            <Border Background="Green"/>
            <!--定义第2行的第2列 -->
            <Grid Grid.Column="1">
                <!--定义第2行的第2列,并把第二列分为5列-->
                <Grid.ColumnDefinitions>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                </Grid.ColumnDefinitions>
                <!--定义第2行的第2列,并把第二列分为5行-->
                <Grid.RowDefinitions>
                    <RowDefinition Height="0.8*"/>
                    <RowDefinition/>
                    <RowDefinition/>
                </Grid.RowDefinitions>
                <!--对5行5列的结构 并对其中第一行的5列进行填充-->
                <Border Margin="5" Background="Pink" Grid.Column="0"/>
                <Border Margin="5" Background="Purple" Grid.Column="1"/>
                <Border Margin="5" Background="RosyBrown" Grid.Column="2"/>
                <Border Margin="5" Background="RoyalBlue" Grid.Column="3"/>
                <Border Margin="5" Background="SaddleBrown" Grid.Column="4"/>

                <Border Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="3" Margin="5" Background="Beige"/>
                <Border Grid.Row="1" Grid.Column="3" Grid.ColumnSpan="2" Margin="5" Background="Tomato"/>

                <Border Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="3" Margin="5" Background="Plum"/>
                <Border Grid.Row="2" Grid.Column="3" Grid.ColumnSpan="2" Margin="5" Background="Yellow"/>
                
                
            </Grid>
        </Grid>
    </Grid>
</Window>

在这里插入图片描述

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

潘诺西亚的火山

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值