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=

随便看看

”该证书已被签发机构吊销“错误解决方案

昨天安装和配置Outlook时,公司要求使用修改后的Outlook。在官网上下载安装证书后,始终没有成功,始终存在“证书已被颁发机构吊销”的错误,但很明显,证书尚未过期。一天下来,我对这件事很不高兴。我匆忙地把钥匙留在了公司,回家后,我决定不进门。SB房东说没有备用钥匙,让我找到开锁公司。开锁公司想打开我的烂门100次,所以我去网吧玩了一晚。今天早上我上班时...

db2 reorg详解

reorgchk,检查tableindex是否需要重组。reorg重组,重新放置数据位置。5)db.tb_reorg_req运行状况指示器处于ATTENTION状态。可以分为对系统表和用户表两部分分别进行REORGCHK:1)针对系统表进行REORGCHKdb2reorgchkupdatestatisticsontablesystem使用UPDATESTAT...

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

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

高斯键盘设置指南

高斯键盘设置指南如何打开蓝牙模式电源:蓝牙需要电源。高斯GS87-D有两种通电方式:将键盘背面的开关转到on;使用USBType-C电源切换模式:Fn+P用于在有线模式和无线模式之间切换。按下Fn+P,Fn+PP右上角的键盘灯闪烁3次。有线模式和蓝牙模式相互切换。但是,没有指示灯指示当前模式是有线模式还是蓝牙模式如何连接蓝牙代码匹配:长按Fn+P,直到P键快...

c++ 发送消息,模拟拖拽文件

=NULL)28{29LPSTRpszRemote=VirtualAllocEx;30if31{32::SendMessage;33bResult=TRUE;34}35}36}3738if39{40delete[]pBuf;41pBuf=NULL;42}43 returnbResult;44}在调用此函数之前,首先打开接受拖动的进程ShellExecute;...

layui使用layui-excel扩展导出xlsx格式文件

layui-excel扩展导出的文件可用office打开,正常显示;直接用table带的导出功能,导出的文件用office打开显示乱码。--导出表不展示--˃78910layui.config.use(['table','form','laydate','excel'],function(){11varform=layui.form;12vartable=l...