当前位置: 首页 > news >正文

wpf grid 的用法

WPF中的Grid是一种布局控件,可用于将子控件按照行和列的方式排列。

以下是Grid控件的用法:

  1. 在XAML文件中,添加一个Grid控件:
<Grid>
</Grid>

  1. 在Grid控件中,添加行和列定义:
<Grid><Grid.RowDefinitions><RowDefinition Height="Auto"/><RowDefinition Height="*"/></Grid.RowDefinitions><Grid.ColumnDefinitions><ColumnDefinition Width="Auto"/><ColumnDefinition Width="*"/></Grid.ColumnDefinitions>
</Grid>

在上面的例子中,Grid定义了两行和两列。行和列可以使用特定的值来定义大小,如"Auto"表示根据内容自动调整大小,"*"表示占用剩余空间的大小。

  1. 将子控件添加到Grid中,并设置其位置:
<Grid><Grid.RowDefinitions><RowDefinition Height="Auto"/><RowDefinition Height="*"/></Grid.RowDefinitions><Grid.ColumnDefinitions><ColumnDefinition Width="Auto"/><ColumnDefinition Width="*"/></Grid.ColumnDefinitions><Button Grid.Row="0" Grid.Column="0" Content="Button 1"/><Button Grid.Row="0" Grid.Column="1" Content="Button 2"/><Button Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2" Content="Button 3"/>
</Grid>

在上面的例子中,三个Button控件被添加到Grid中,并通过Grid.Row和Grid.Column属性来设置它们的位置。Grid.ColumnSpan属性可以指定控件跨越的列数。

通过Grid控件,可以很灵活地布局子控件,使其按照行和列的方式排列,以实现更复杂的布局效果。

1、功能最强大,布局最灵活的容器,将区域划分不同大小网格

2、主要属性配置:

基本属性:

行定义:RowDefinitions->RowDefinition(Height:*/auto/数字)

列定义:ColumnDefinitions->ColumnDefinition(Width:*/auto/数字)

尺寸共享:Grid.IsSharedSizeScope="True”配合行/列中的SharedSizeGroup属性

附加属性:Grid.Row/Grid.Column3

使用场景:无处不在c0

下面是我写的一段代码

<Window x:Class="kongjian.MainWindow"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:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"xmlns:local="clr-namespace:kongjian"mc:Ignorable="d"Title="MainWindow" Height="450" Width="800"><Grid><Grid.RowDefinitions><RowDefinition Height="100"></RowDefinition><RowDefinition></RowDefinition></Grid.RowDefinitions><Grid Grid.Row="0" Background="red"><Grid.RowDefinitions><RowDefinition/><RowDefinition/></Grid.RowDefinitions><Grid.ColumnDefinitions><ColumnDefinition/><ColumnDefinition/></Grid.ColumnDefinitions><Border Background="Green" Width="20" Height="10" Grid.Column="2" Grid.RowSpan="2"/><GridSplitter HorizontalAlignment="Right" VerticalAlignment="Stretch" Width="20" Background="red"/></Grid><Grid Grid.Row="1" Background="Green"><Grid.RowDefinitions><RowDefinition/><RowDefinition/><RowDefinition/></Grid.RowDefinitions><Grid.ColumnDefinitions><ColumnDefinition/><ColumnDefinition/></Grid.ColumnDefinitions></Grid></Grid>
</Window>

界面如下:


http://www.mrgr.cn/news/53492.html

相关文章:

  • WordPress任推帮网盘拉新数据统计插件
  • Miniconda管理虚拟环境【Python环境配置】
  • HDU RealPhobia
  • Spring实现3种异步流式接口,解决接口超时烦恼
  • Apple Vision Pro市场表现分析:IDC最新数据揭示的真相
  • 郑州大学第一附属医院许建中教授专家团队会诊室揭牌仪式在郑州长江中医院成功举行
  • 华为杯”第十三届中国研究生数学建模竞赛-E题:基于多目标规划和智能优化算法的粮食最低收购价政策研究(中)
  • LLM 的推理优化技术纵览
  • C++类的构造函数
  • 如何安装MySql
  • JavaWeb 23.NPM配置和使用
  • 【数据分享】中国历史学年鉴(1979-2001)
  • [创业之路-154] :图解:结构需求分析、结构设计、加工、生产的整个流程与常见问题
  • R语言机器学习算法实战系列(八)逻辑回归算法 (logistic regression)
  • 链动2+1芸众商城421+全插件独立版源码
  • Spring Boot如何访问不同的数据库
  • Android 14.0 Recent列表不显示某个app
  • 【开源论坛】论通过事件对象分派,模拟用户输入文本的行为(花了300大洋学到了本应该学到的知识点)
  • Go 语言中格式化动词
  • 【分布式微服务云原生】《Redis RedLock 算法全解析:应对时钟漂移与网络分区挑战》