2018正版葡京赌侠诗Expression Blend创设于定义按钮

当 Expression Blend
中,我们好于抖工板上绘制形状、路径和控件,然后修改该外观以及行为,从而直观地规划应用程序。Button按钮也是Expression
Blend最常用之控件之一,在档次遭到串着至关主要的角色,可是咱会发现,默认外观的
Button,其实某些呢不赏心悦目,也不够吸引人。
之所以,在本篇作品中,我拿介绍如何以Expression
Blend中打定义button按钮控件,我选的凡以图片转成为按钮,再添加于定义mouseover鼠标滑过之效益。

翔步骤如下:

1 启动Expression
Blend,成立一个初路,成立一个初路,为项目命名,并精选类别项目(Silverlight,
WPF, Windows Phone Application,web
application)。本文中自我创立的凡Silverlight应用。

2
项目开创好后,我们一贯由网拖入想用作Button的图片及美工板上,遵照自己之求从而鼠标调整图片大小。那是本身接纳的一致摆图纸。

2018正版葡京赌侠诗 1

3 接下点击Tools(工具)-> Make into controls(构成控件)

2018正版葡京赌侠诗 2

4 弹来对话框,采用controls-> Button,将ButtonStyle1命名吧
myimagebutton,或任何名目都得以。

 2018正版葡京赌侠诗 3

大家得小心到图片下边世了一个Button图标,
我们后边没吃图片命名,所以默认的文书是Button。

2018正版葡京赌侠诗 4

5 图片就转为Button后,在美工板顶端的导航栏中,点击Button>edit
controls part >edit
Template。在Appearance外观面板中,又足以吧咱的Button添加加上的功用。

2018正版葡京赌侠诗 5

edit Template包含了以下这么些内容:

2018正版葡京赌侠诗 6

俺们视Grid,
它概括个别只子元素,一个是image,另一个凡是ContentPresenter控件。ContentPresenter控件的是控制按钮文本,点击ContentPresenter就可以看到Button这样的仿。

2018正版葡京赌侠诗 7

由此ContentPresenter呈现的文件为同讲明了图现在凡是一个Button,当然你为堪去除此控件,也就是夺丢了图片的Button文字。

6 导航栏找到states状态面板,点击CommonStates下边的mouseover。

个中states重要出三独分类:Base, Common States and
FocusStates。那么些状态会让咱以进展与按钮交互意况下作出可视变化。而Base,它是只默认状态。

2018正版葡京赌侠诗 8

7 添加MouseOver后,我们尽管足以针对图纸展开处理,这里我转并缩小了图。

2018正版葡京赌侠诗 9

8 按F5键预览动画:

2018正版葡京赌侠诗 10

当鼠标滑过Button时,结果如下:

2018正版葡京赌侠诗 11

末段当鼠标离开图片时,图片以谋面恢复生机。

自,
这是一个相当简单的落实过程,更复杂更细的宏图尚待不停尝试。谢谢浏览!

相关文章