Blend4精选案例图解教程（四）：请给我路径指引
by 银光映画
at 2010-09-10 22:29:00
original http://www.cnblogs.com/YGYH/archive/2010/09/10/1822945.html
作者: 银光映画 发表于 2010-09-10 22:29 原文链接 阅读: 487 评论: 4
路径在界面设计中，可以起到很好的辅助作用，我常常使用它来对元素进行规则排列和非规则排列控制。
本次教程将演示，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、得到不规则排列图
最新新闻：
· 调查称苹果iOS设备游戏玩家超过任天堂掌机(2010-09-11 15:00)
· Oracle再次升级Solaris系统 提升安全性(2010-09-11 14:58)
· 传全球最大域名注册商GoDaddy即将挂牌拍卖(2010-09-11 14:45)
· 12款与众不同的苹果iPod(2010-09-11 14:09)
· 彭博新闻周刊：富士康帝国勾勒未来(2010-09-11 14:03)
编辑推荐：IE9 Beta下周问世