在 Expression Blend
中,我们得以在美术工作板上制图形状、路线和控件,然后修改其外观和表现,从而直观地安排应用程序。Button开关也是Expression
Blend最常用的控件之壹,在项目中扮演着首要的剧中人物,不过大家会意识,暗中同意外观的
Button,其实有个别也不美观,也不够吸引人。
于是,在本篇文章中,作者将介绍怎么着在Expression
Blend中自定义button开关控件,作者选用的是将图纸调换成按键,再增添自定义mouseover鼠标滑过的作用。

详细步骤如下:

一 运转Expression
Blend,创制3个新类型,成立叁个新类型,为项目命名,并选择品种种类(Silverlight,
WPF, Windows Phone Application,web
application)。本文中自个儿创立的是Silverlight应用。

2018正版葡京赌侠诗,二项目开创好后,大家直接从系统拖入想用作Button的图形到美术工作板上,依照自个儿的要求用鼠标调整图片大小。那是自己选用的一张图纸。

2018正版葡京赌侠诗 1

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

2018正版葡京赌侠诗 2

四 弹出对话框,选拔controls-> Button,将ButtonStyle一命名称为myimagebutton,或任何名目都足以。

 2018正版葡京赌侠诗 3

大家得以小心到图片上冒出了叁个ButtonLogo,
大家前边从没给图片命名,所以暗中同意的文件是Button。

2018正版葡京赌侠诗 4

五 图片已经变化为Button后,在美工板顶端的导航栏中,点击Button>edit
controls part >edit
Template。在Appearance外观面板中,又足感觉我们的Button增多丰盛的机能。

2018正版葡京赌侠诗 5

edit Template包括了以下那些剧情:

2018正版葡京赌侠诗 6

作者们看出Grid,
它总结四个子成分,一个是image,另3个是ContentPresenter控件。ContentPresenter控件的是决定开关文本,点击ContentPresenter就足以看看Button那样的文字。

2018正版葡京赌侠诗 7

经过ContentPresenter展现的文本也1致注明了图片现在是1个Button,当然你也能够去除此控件,也就去掉了图片的Button文字。

陆 导航栏找到states状态面板,点击CommonStates上边包车型客车mouseover。

里头states首要有三个分类:Base, Common States and
FocusStates。这一个景况能让大家在拓展与开关交互意况下作出可视变化。而Base,它是个暗中同意状态。

2018正版葡京赌侠诗 8

7 加多MouseOver后,大家就足以对图纸展开处理,那里自个儿旋转并压缩了图片。

2018正版葡京赌侠诗 9

八 按F5键预览动画:

2018正版葡京赌侠诗 10

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

2018正版葡京赌侠诗 11

最后当鼠标离开图片时,图片又会还原。

理所当然,
那是多个卓殊轻巧的完毕进程,更扑朔迷离越来越精致的宏图还亟需持续尝试。多谢浏览!

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图