Silverlight之UI设计学Blend五【基本布局控件4】

 

布局控件分组：

每一个布局控件都可以为了方便控制，都可以进行分组，拿Canvas举例：

可用Shift点击想要合并为一组的控件，再点击鼠标右键，“分组(Group into)” - > “Canvas“，

将多个Canvas嵌入到一个Canvas控件中，通过父Canvas控件统一控制子容器控件的属性。

选中后，Blend将生成新的Canvas父控件，将选中的四个Canvas控件，作为子控件，

看代码：

1 <Canvas Margin="14,58,130,104" Grid.Row="1">

 2     <Canvas Height="88" Width="100">

 3         <Ellipse Fill="Red" Stroke="Black" Height="84" Width="83" Canvas.Left="11" Canvas.Top="2"/>

 4     </Canvas>

 5     <Canvas Width="100" Height="88" Canvas.Left="64">

 6         <Ellipse Fill="#FF0081FF" Stroke="Black" Height="84" Width="83" Canvas.Left="11" Canvas.Top="2"/>

 7     </Canvas>

 8     <Canvas Height="88" Width="100" Canvas.Left="127">

 9         <Ellipse Fill="#FF71FF00" Stroke="Black" Height="84" Width="83" Canvas.Left="11" Canvas.Top="2"/>

10     </Canvas>

11     <Canvas Height="88" Width="100" Canvas.Left="192">

12         <Ellipse Fill="#FFF4FF1C" Stroke="Black" Height="84" Width="83" Canvas.Left="11" Canvas.Top="2"/>

13     </Canvas>

14 </Canvas>

 

父类属性继承：

现在选中父控件的Canvas，将Opacity修改为40，可以看到，所有子控件的Opacity统一修改为40.

如果，我们分别设置父控件下的四个Canvas控件Opacity属性，即可看到各自Canvas将按照自己属性为主。

到这里，比较重要的控件都基本介绍完了。如果想要有熟练的运用，还需要不断的使用练习。