快捷搜索:

Expression.Blend.4 Chapter 接口设计

视觉元素

Blend支持向量和位图图形。你可以画一些简单的或者繁杂的路径,应用内置的图形,粘贴高质量图片去你的项目中。当你为你视觉利用拖放或者画向量元素的同时,blend为这些元素创建了XMAL标记说话的定义。Blend为那些爱好视觉事情的人供给了各类各样的设计对象。

Blend对象面板有一个选择工具可以让你选择右边的原色并放置到画板上面。

除了安排的面板和控件,你会鄙人面的章节学到更多。这个对象面板中选择的是一些常用的向量对象。

Rectangle用于绘制正方形和直角、圆角矩形。

Ellipse用于绘制椭圆和者园。

Line用于绘制直线

■Pen用于给路径定义节点

■ Pencil用于绘制直线,曲线,和署名,铅笔画等随意线条。

在对象栏有两个元素可以让你选中、移动节点或者全部路径或者改变一些图形的属性。

创建一个新的项目。

打开blend 4呈现blend 4迎接对话框,点击新建项目打开新项目对话框。

迎接对话框左边一样平常有2个项目标签:silverlight和wpf。在这个演习中我们将创建一个silverlight项目。选中silverlight标签假如没有选中的话。

3.silverlight标签包孕以下项目选项:

❑Silverlight Application + Website 。与网站相关的一个项目,你可以将它放置到一个web办事上。

❑Silverlight Application。一个可以在silverlight运行反省时的项目。在浏览器窗口的内部或者外部。

❑Silverlight Databound Application。一个用数据和敕令绑定的项目去支持视图(用户界面)和视图模型(用代码和谐与底层模型的视图状态)之间的疏松耦合。

❑Silverlight Control Library。用于创建一个自定义的控件可以在其他silverlight项目中重复应用的项目。

❑Silverlight SketchFlow Application。这个选项容许你用一种很直不雅的要领创建利用法度榜样原型

点击Silverlight Application + Website。输入项目名称CH3在NAME位置。其他位置维持默认。

4.点击OK。Blend创建了一个新项目。

应用根基的图形。

虽然你可以在Expression Blend画板手工话一些基础外形,但平日插入基础外形比手动绘画更快,更准确。Expression Blend的对象面板供给了三种基础外形对象:椭圆,矩形和线。它们共享相同的按钮,但点击在右下角的小三角按钮,使所有的选项可见。

创建一些根基的图形。在对象栏点击ellipse。在画板上经由过程拖动你鼠标画一个椭圆图形。

在Objects And Timeline面板呈现了你刚添加的元素,并处于选中。

3.在Properties面板。点击箭头展开layout种别(假如没有展开)。属性面板展开并显示新添加的椭圆工具的属性。你可以做一些篡改。

改变宽度为100,高度为150.你画在画板上的椭圆将根据你对宽度和高度的改变改变外形。

5.在Properties面板找到Brushes种别。Ellipse有一个用默认纯色画刷的添补。

6.点击颜色编辑器上面的Gradient brush标签。Expression Blend为你的椭圆适用一个基础梯度。在颜色编辑器和彩条下面,点击的径向

梯度按钮开关从线性渐变添补径向渐变样式

7在Properties面板。在画笔类其余底部,单击显示高档属性图标。该高档属性显示。设置GradientOrigin位置为0.7和0.3。

点击关闭高档属性图表关闭面板。

9.现在,你将为每个渐变设置竣事颜色。单击颜色条的右停靠,在颜色位置输入十六进制的颜色值#FF00B6BA,然后按键盘上的Enter。该工具的颜色发生变更。

10.点击颜色调的左停靠。在颜色位置输入十六进制值#FFBFFEFF,然后按Enter。你的工具改变次要颜色,和现在的工具具有三维外不雅。

11.在Properties面板。在Brushes种别中选择Stroke标签。选择No Brush子标签。。现在没有边的椭圆(stroke),看起来更立体。

12.按Ctrl+ C复制气圈,然后按Ctrl+ V将它粘贴到画板。留意,这里有另一个Objects And Timeline面板。这气圈是你刚粘贴工具。

13.在对象栏。点击Selection对象按钮。将刚粘贴的气圈拖到画板右边低点的位置。

14.在Properties 面板上Layout种别中设置高度为120.

15.接下来改变这个工具的每个渐变竣事。点击颜色条的右竣事。在color位置输入十六进制值#FFFFE100。按Enter,工具的颜色改变

16.点击颜色条租竣事。在color位置输入十六进制值#FFFFFFFF,按Enter。你将发明一个蓝色和一个黄色的气圈

绘制路径

绘制自由形式的路径。

1.在对象栏选择pen对象。单击画板蓝色气球下方一点定位的第一个节点。向下移动一英寸,然后再次点击放置第二个节点。向下移动大年夜约两英寸多,再次在画板上点击放置第三个节点。

2.在对象栏,初级直接选择按钮。然后按住Alt键在键盘,当光标变为转换点的指针时点击第二个节点。拖动向下和右边拖动一点。光标变为转换部分的指针。

请留意你的线条具有了你应用的渐变属性时创建了第二个气球相同的画笔维持你新画的路径选中状态。点击Properties 面板中Brushes 类其余Stroke标签,然后点击Solid画刷标签. 在颜色调左右的color位置输入#FF4D4D4D,按ENTER

5.在Brushes种别,点击Fill标签,然后选择No Brush子标签。现在你的路径只有一个stroke属性。

6.在对象栏,点击Selection按钮。在工具左右呈现了界限框。将线条往上拖动,知道在气泡下面呈现一个血色的虚线。血色虚线表示,这两个路径都打仗。这是一个功能称为Snapping To Snaplines。Snapping在画板上将每个工具对齐时异常有用。

7.按Ctrl+ C复制路径,然后按Ctrl+ V粘贴副本到画板。移动第二个路径到右边,捕捉到的黄色气球的底部。

在接下来的步骤,您将创建三角形担使气球尾巴。

8. 在对象栏,点击Pen对象,你可以经由过程画他的几何定点,从而创建一个小三角形。在画板上点击定义三角形顶点的第一个节点。

11..移动pen对象,在右下方,定义三角形右边的第二个节点。

12..移动pen对象,在画板左边定义三角形的第三个节点。

13.移动到第一个节点,pen对象将变成一个小圈可以关闭路径。点击第一个节点创建一个封闭路径完成一个三角形。

废话这么多便是画个三角形。

14.在Properties面板,点击Brushes 类其余fill标签,然后选择Solid color画刷标签。在颜色条边,在color位置输入#FFFFE100,按enter,三角形添补为黄色

15.在Brushes种别点击Stroke,然后点击No Brush标签

16.点击Selection对象,移动到三角形到黄色气球下,直到呈现血色的虚线。

17.按Ctrl+C复制三角形。然后按Ctrl+V复制到画板上。移动三角形去蓝色气球下。

您可能还会对下面的文章感兴趣: