2.3 布局之Gird(网格)

1. 介绍:

1.1

说到网格，也就是Rows and Columns，主要是对这行(或者列)的宽度和高度的定义。主要有下列三种定义

• Auto：自动适应网格内内容，根据网格内内容自动调整网格大小
• Proportional()：*预留空间
• Absolute：绝对赋值

1.2

Grid.ColumnSpan="2" : 表示占用两列
Grid.RowSpan="2" : 表示占用两行,具体看效果图
ColumnSpacing = "0"
:表示格子的列间距位0

1.3 百分比

• "0.6*"表示宽度是父容器宽度的0.6

2.XML 示例代码

    
        
    
    
        
            
            < RowDefinition Height="*" />
            
        
        < Grid.ColumnDefinitions >
            < ColumnDefinition Width="Auto" />
            
            < ColumnDefinition Width="100" />
        
        
        
        
        
        
        
        
    
  
 

3. 效果图

Paste_Image.png

4. Gird官方介绍链接