Grid

原文链接：http://www.cnblogs.com/Jennifer/articles/1988103.html

    
    
        
        
        
        
    

    
    
        
        
    

    
    Start Page
    ...
    ...
    ...
    
        
            Article #1
            Article #2
            Article #3
            Article #4
        
    

效果如下图：

要使用Grid，首先要向RowDefinitions和ColumnDefinitions属性中添加一定数量的RowDefinitions和ColumnDefinitions元素，从而定义行数和列数。可以在Grid中使用Row和Column附加属性定位子元素，它们都是以0为基准的整型值。如果没有显式设置任何行或列，Grid将会隐式地加入一个单元格。而如果没有在子元素上显式地设置Grid.Row或者Grid.Column，它们的值将为0.
Grid的单元格可以是空的，一个单元格中可以有多个元素，而在单元格中元素是根据它们的Z顺序一个接着一个呈现的。与Canvas医院，同一个单元格中的子元素不会与其他元素交互布局，信息——它们仅仅是重叠而已。从上图中看到的在线文章列表太小了，可以使用Grid的两个附加属性来解决这个问题，它们是RowSpan和ColumnSpan。属性默认设置为1，且可以被设置为任何比1大的数字，这样可以让元素跨多行或多列。

通过设置某个RowDefinition的Height和某个ColumnDefinition的Width为字符串Auto（区分大小写），就可以实现自动尺寸监控。

    
    
        
        
        
        
    

    
    
        
        
    

    
    Start Page
    ...
    ...
    ...
    
        
            Article #1
            Article #2
            Article #3
            Article #4
        
    

效果如下图：

注释：行合并：从上往下合并。

           列合并：从左往右合并。

效果如下图：

*的意思：