Blend4精选案例图解教程（四）：请给我路径指引

原文:Blend4精选案例图解教程（四）：请给我路径指引路径在界面设计中，可以起到很好的辅助作用，我常常使用它来对元素进行规则排列和非规则排列控制。

本次教程将演示，Blend中路径的常规用法。

1、新建项目，在默认设计视图中添加一个椭圆（Elipse），按住Shift键可以画圆

视图树

设计视图



2、从绘制的圆中提取路径，右键点击圆，弹出的窗口选择Path-Make Layout Path，在视图树中显示为PathListBox，这就是我们需要的路径







3、选中PathListBox，通过双击图片，往PathListBox中添加需要通过路径排列的元素



视图树



4、为了查看效果，暂时把elipse的可见关闭



效果图



5、路径带来的效果已初步展现，下面在进行属性设置，使图片的排列更符合我们的要求。

确保选中PathListBox，然后在属性窗口中进行属性调整





ZIndex:2 使图片显示在elipse（elipse的ZIndex属性为1）





排列属性：平均





方向：随路径居中





6、对elipse进行简单的属性设置，作为图片显示的背景









7、OK，效果出来了，是不是有点像八卦图。呵呵，咱们继续！





8、使用钢笔工具创建不规则路径，对图片进行不规则排列

新建一个UserControl





9、使用钢笔工具，随意画出一些路径



设计图

视图树



10、提取路径，加入图片元素







11、把UserControl的背景设置为白色，改变分布（Distribution）属性为Even（平均）







12、得到不规则排列图





本教程项目下载