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=

随便看看

Oracle- 存储过程和异常捕捉

我学习了ORACLE存储过程的基础知识,并做了一些备注以供将来参考。创建一个无参数存储过程createprocedure_myPro1isbegininsertintdepthvalues;终止修改无参数存储过程createorreplaceprocedure_myPro1开始插入深度值;终止创建和修改参数存储过程createorreplaceprocedu...

阿里云oss对象存储在vue中的使用

阿里云对象存储OSS(ObjectStorageService)是阿里云提供的海量、安全、低成本、高持久的云存储服务。阿里云oss对象存储是阿里云提供的海量、安全、低成本、高持久的云存储服务,包括服务端加密、客户端加密、防盗链、IP黑白名单、细粒度权限管控、日志审计、WORM特性等。满足企业数据安全与合规要求多线BGP骨干网络。...

kettle的job中运行每行

有时,在运行作业中的每一行时,我们需要多次执行作业或转换。假设我们需要导入从开始日期到昨天的所有旧数据。手动执行作业是痛苦和错误的。Kettle可以首先计算正确的日期,然后根据每个日期执行导入作业。在主作业中,返回日期转换首先运行,实际导入数据的作业在转换后运行。它是一个子作业,负责运行每个输入日期。子作业接收每行的“date”日期参数并执行它。在演示示例中...

解决Windows 10每次重启默认浏览器都被重置为IE的一个办法

我的Windows10电脑每次设置默认浏览器重启后都会被重置为IE,这是个令人抓狂的问题。现在大部分浏览器都不支持IE浏览器了,如果每次点击外链都自动通过IE打开,则需要额外的操作手动拷贝粘贴到火狐打开,会影响工作效率。在网上找了各种各样的解决办法都不灵……再设置一次默认浏览器如下图所示,设置好了之后重启电脑试一下吧,祝你好运!...

注册支付宝沙箱并测试支付宝扫码连接

2.创建新的支付宝应用程序2.1下载支付宝生成软件密钥#访问“支付宝开发平台”登录并访问开发者中心https://open.alipay.com/platform/home.htm#您可以参考“计算机网站支付”来熟悉计算机支付的整个流程https://docs.open.alipay.com/270/105899/2.1步骤1:创建应用程序(此处使用沙盒环境...

微信支付服务商模式支付与普通微信支付的配置区别

chapter=7_7&index=5注:与普通微信支付相比,源代码是上述7/8之间的区别,其他可以看作是服务提供商自己的微信支付配置;...