当前位置 : 主页 > 编程语言 > c语言 >

(C#)WPF:Grid面板介绍

来源:互联网 收集:自由互联 发布时间:2021-06-25
Grid:网格面板 Grid和其他各个Panel比较起来,功能最多也最为复杂。要使用Grid,首先要向RowDefinitions和ColumnDefinitions属性中添加一定数量的RowDefinitions和ColumnDefinitions元素,从而定义行数和

Grid:网格面板

      Grid和其他各个Panel比较起来,功能最多也最为复杂。要使用Grid,首先要向RowDefinitions和ColumnDefinitions属性中添加一定数量的RowDefinitions和 ColumnDefinitions元素,从而定义行数和列数;而放置在Grid面板中的控件元素都必须显示采用Row和Column附加属性定义其放置所在的行和列,这两个属性的值都是从0开始的索引数,如果没有显式设置任何行或列,Grid将会隐式地将控件加入在第0行第0列。

      注意:尽管Grid面板被设计成不可见的,但可将Grid.ShowGridLines属性设置为True,从而更清晰的观察Grid面板,方便调试,可以更准确地控制Grid面板如何选择列宽和行高。

 

1、定义一个两行三列的Grid,在单元格里面放置Button按钮

<Window x:Class="WpfApp3.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:WpfApp3"
                mc:Ignorable="d"
                Title="MainWindow" Height="237" Width="525">
          <Grid ShowGridLines="True">
                    <Grid.RowDefinitions>
                             <RowDefinition></RowDefinition>
                             <RowDefinition></RowDefinition>
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                             <ColumnDefinition></ColumnDefinition>
                             <ColumnDefinition></ColumnDefinition>
                             <ColumnDefinition></ColumnDefinition>
                    </Grid.ColumnDefinitions>
                    <Button Grid.Row="0" Grid.Column="0">Top Left</Button>
                    <Button Grid.Row="0" Grid.Column="1">Middle Left</Button>
                    <Button Grid.Row="1" Grid.Column="2">Button Right</Button>
                    <Button Grid.Row="1" Grid.Column="1">Button Middle</Button>
           </Grid>
</Window>

效果图:

               

2、

 

https://www.cnblogs.com/dotnet261010/p/6281915.html

网友评论