WPF布局控件Grid的基本使用 - 使用kaxaml

.Net 专栏收录该内容
275 篇文章 3 订阅

Grid是以表格形式组织控件的一种布局方式;
WPF中的Grid的每一个单元格中可以放置一个或多个控件;
WPF中的Grid支持单元格的合并;
Grid中的行和列可以自定义高度(Height)和宽度(Width);

定义Grid包含3行3列,并放置控件;

定义Grid包含3行3列,并放置9个控件;

定义Grid包含2行2列,并放置控件;

布局时,每个标签都有开始和结束标签; <></>;

如果某个标签被包含在另一个标签里,那么此组件在布局上就被放在包含它的组件里面;

现在要把Button放在Grid里,<Button></Button>要放在<Grid></Grid>内部;

<Grid.RowDefinitions>定义此Grid包含几行;<Grid.ColumnDefinitions>定义此Grid包含几列;

放置的控件使用 Grid.Row 和 Grid.Column 属性指定放置在Grid的某行某列;

 

这两句是WPF命名空间,一般都要有;

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

 

也可以指定一个控件占据多行或多列;使用 Grid.RowSpan 和 Grid.ColumnSpan属性;

<Page
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

  <Grid>
        <Grid.RowDefinitions>
            <!--定义行集合 2行-->
            <RowDefinition/>
            <RowDefinition/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <!--定义列集合 2列-->
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <Button Content="按钮1" Grid.Row="0" Grid.Column="0"></Button>
        <Button Grid.Row="0" Grid.Column="1"></Button>
        <Button Content="占用一行两列的按钮" Grid.Row="1" Grid.RowSpan="1"  Grid.ColumnSpan="2"></Button>

    </Grid>

</Page>

在kaxaml中编辑好布局,再把布局代码拷贝到VS中加入工程,这工具一般是这么用的;

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 打赏
    打赏
  • 扫一扫,分享海报

©️2022 CSDN 皮肤主题:大白 设计师:CSDN官方博客 返回首页

打赏作者

bcbobo21cn

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

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

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

打赏作者

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

抵扣说明:

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

余额充值