Blend4精选案例图解教程(四):请给我路径指引

摘要:
本教程将演示混合中路径的一般用法。确保选中了PathListBox,然后在属性窗口中调整ZIndex。2使图片出现在日食中。排列属性:平均方向:以路径为中心。

路径在界面设计中,可以起到很好的辅助作用,我常常使用它来对元素进行规则排列和非规则排列控制。

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

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

视图树1设计视图1-1

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

22-1

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

3 视图树3-1

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

4 效果图4-1

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

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

5

ZIndex:2 使图片显示在elipse(elipse的ZIndex属性为1)

5-1

排列属性:平均

5-2

方向:随路径居中

5-3

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

66-16-2

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

7

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

新建一个UserControl

8

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

9 设计图10-1 视图树10

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

1112

11、把UserControl的背景设置为白色,改变分布(Distribution)属性为Even(平均)

12-212-3

12、得到不规则排列图

13 

本教程项目下载

免责声明:文章转载自《Blend4精选案例图解教程(四):请给我路径指引》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Linux高性能server编程——定时器手机上移动梦网中毒啦!病毒名字叫:程序管理 版本0.1.1 defwatch!找到删除它的简单方法!下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

学习使用Apollo配置中心

Apollo(阿波罗)是携程框架部门研发的配置管理平台,能够集中化管理应用不同环境、不同集群的配置,配置修改后能够实时推送到应用端。Apollo官网地址如何安装服务端可以按照上面官网的步骤。这里主要说明一下应用如何接入apollo。...

编码解码

包含要编码的URI或其他文本的字符串。此方法的目的是完全编码URI。因此,encodeURI()函数不会转义URI中具有特殊含义的以下ASCII标点符号:;/?返回编码字符串的副本。此方法不编码ASCII字母和数字,也不编码以下ASCII标点符号:-_!提示和注释提示:您可以使用unescape()来解码转义()编码的字符串。...

VirtualBox虚拟机下Windows登录密码破解方法(阿里云推荐码:1WFZ0V,立享9折!)

过去两年虚拟机的发展给开发者带来了极大的便利。要安装新环境,只需从其他人复制虚拟机文件即可。我以前在Ubuntu下工作,Windows偶尔也会使用它。所以我在Ubuntu VirtualBox下安装了Windows7。两天前,我在MacAir下打开了VirtualBox并启动了Win7虚拟机。在Win7登录界面输入密码后,系统提示我密码不正确。我只能在最初的...

CommonJS规范

NodeJS是本规范的实现。环境、运行、JSGILocaland远程包和包管理关于每个子规范的具体定制进度,请参考官方网站描述:Apache CouchDB和node.js。然而,这些项目中的大多数只实现了CommonJS的一些规范。具体项目及实施请参见官方网站描述:http:...

配置nginx

aNULL:!MD5:!...

Cesium快速上手10-Viewer Entities组合

src=Box.html&label=Geometriesimage.pngbox就是立方体cylinder是圆锥圆柱varviewer=newCesium.Viewer;varblueBox=viewer.entities.add;varredBox=viewer.entities.add;varoutlineOnly=viewer.entitie...