博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Blend4精选案例图解教程(四):请给我路径指引
阅读量:6580 次
发布时间:2019-06-24

本文共 624 字,大约阅读时间需要 2 分钟。

原文:

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

本次教程将演示,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、得到不规则排列图

 

转载地址:http://ssnno.baihongyu.com/

你可能感兴趣的文章
LeetCode - 49. Group Anagrams
查看>>
移动前端不得不了解的html5 head 头标签
查看>>
Tomcat 服务器性能优化
查看>>
【框架学习】ibatis DAO框架分析
查看>>
浏览器的DOM操作
查看>>
ZOJ 3640 Help Me Escape
查看>>
Eclipse开发工具介绍
查看>>
putty与emacs
查看>>
Windows上验证过的一些乱七八糟的笔记
查看>>
设置桌面背景
查看>>
C#下实现的半角转与全角的互转
查看>>
PreparedStatement vs Statement
查看>>
使用texturePaker批量转化pvr为pn
查看>>
自我介绍
查看>>
洛谷[P1002]过河卒
查看>>
截取指定网站Html编码
查看>>
Symfony框架系列----1.入门安装
查看>>
作业一 统计软件简介与数据操作
查看>>
css布局
查看>>
HBase-java api 基本操作
查看>>