Grid是唯一可以在内部定制单元格的panel类,我们可以在grid中定制单元格,然后通过grid.row和grid.column定位grid包含的元素在哪个位置,功能比较强大,用到的时候比较多,且看他的属性:【作者:神舟龙

 

Background

 

获取或设置一个用于填充面板的 Brush所以我们可以对其背景进行绘制 ,比如下面的案例:
  1. <!--ContentPanel - 在此处放置其他内容--> 
  2.        <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0" 
  3.              
  4.              > 
  5.            <Grid.Background> 
  6.                <RadialGradientBrush> 
  7.                    <GradientStop Offset="0.9" Color="DarkBlue"></GradientStop> 
  8.                    <GradientStop Offset="0.8" Color="Firebrick"></GradientStop> 
  9.                </RadialGradientBrush> 
  10.            </Grid.Background> 
  11.        </Grid> 

它的显示效果:

 

 Clip

 

 

获取或设置用于定义Grid的内容边框的 Geometry,下面的效果是实现的类似于天狗吃月最后一刻的效果

xaml代码:

 

  1. <!--ContentPanel - 在此处放置其他内容--> 
  2.         <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0" 
  3.               > 
  4.             <Grid.Background> 
  5.                 <RadialGradientBrush> 
  6.                     <GradientStop Offset="0.9" Color="White"></GradientStop> 
  7.                     <GradientStop Offset="0.8" Color="Black"></GradientStop> 
  8.                 </RadialGradientBrush> 
  9.             </Grid.Background> 
  10.             <Grid.Clip> 
  11.                 <EllipseGeometry Center="240 250" RadiusX="180" RadiusY="190"></EllipseGeometry> 
  12.             </Grid.Clip> 
  13.         </Grid> 

效果:

 

 话说这样的效果还不错,只不过他不能通过修改参数实现天狗吃月的全过程,上面出现的效果是无意中做出了的;

Geometry 类

 

为用于定义几何形状的对象提供基类,所以EllipseGeometry,GeometryGroup等所继承它的类都可以,比如我们使用RectangelGeoMetry获取矩形剪辑区域

 

xaml代码:

  1. <!--ContentPanel - 在此处放置其他内容--> 
  2.        <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0" 
  3.              > 
  4.            <Grid.Background> 
  5.                <RadialGradientBrush> 
  6.                    <GradientStop Offset="0.1" Color="Purple"></GradientStop> 
  7.                    <GradientStop Offset="0.2" Color="Blue"></GradientStop> 
  8.                </RadialGradientBrush> 
  9.            </Grid.Background> 
  10.            <Grid.Clip> 
  11.                <RectangleGeometry > 
  12.                    <RectangleGeometry.Rect> 
  13.                        <Rect X="20" Y="30" Width="300" Height="400"></Rect> 
  14.                    </RectangleGeometry.Rect> 
  15.                </RectangleGeometry> 
  16.            </Grid.Clip> 
  17.        </Grid> 

效果:

 

 

我们可以从隐藏文件添加一些其他的元素:

 

  1. // 构造函数 
  2.         public MainPage() 
  3.         { 
  4.             InitializeComponent(); 
  5.             LayoutDesign(); 
  6.         } 
  7.         private void LayoutDesign() 
  8.         { 
  9.  
  10.             TextBlock DeptListHeading = new TextBlock(); 
  11.             DeptListHeading.Text = "Department"
  12.  
  13.             ListBox DeptList = new ListBox(); 
  14.             DeptList.Items.Add("Finance"); 
  15.             DeptList.Items.Add("Marketing"); 
  16.             DeptList.Items.Add("Human Resources"); 
  17.             DeptList.Items.Add("Payroll"); 
  18.             DeptList.Items.Add(DeptListHeading); 
  19.              
  20.               this.ContentPanel.Children.Add(DeptList); 
  21.  
  22.             
  23.         } 

 效果:

 

 这篇比较基础