简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

xaml中button重绘为圆形的方法技巧

来源:易贤网   阅读:971 次  日期:2016-06-16 09:49:16

温馨提示:易贤网小编为您整理了“xaml中button重绘为圆形的方法技巧”,方便广大网友查阅!

在用xaml布局的时候,有时候为了使界面metro化,有些button要使用圆形代替默认的长方形。以下的button样式可以解决这个问题,可以根据自己的需要再加以修改。当然如果你熟悉bland的话可以直接使用它来绘制你需要的样式,但是贴代码是否更快一点呢?

代码如下:

<style x:key=btnnext targettype=button>

<setter property=template>

<setter.value>

<controltemplate targettype=button>

<grid>

<visualstatemanager.visualstategroups>

<visualstategroup x:name=commonstates>

<visualstate x:name=pressed>

<storyboard>

<objectanimationusingkeyframes storyboard.targetproperty=(frameworkelement.margin) storyboard.targetname=rectangle>

<discreteobjectkeyframe keytime=0>

<discreteobjectkeyframe.value>

<thickness>-3</thickness>

</discreteobjectkeyframe.value>

</discreteobjectkeyframe>

</objectanimationusingkeyframes>

</storyboard>

</visualstate>

<visualstate x:name=normal/>

<visualstate x:name=disabled/>

<visualstate x:name=mouseover/>

</visualstategroup>

<visualstategroup x:name=focusstates>

<visualstate x:name=focused/>

</visualstategroup>

</visualstatemanager.visualstategroups>

<rectangle x:name=rectangle radiusy=25 radiusx=25 stroke=blue strokethickness=4>

</rectangle>

<contentpresenter horizontalalignment={templatebinding horizontalcontentalignment} verticalalignment={templatebinding verticalcontentalignment}/>

</grid>

</controltemplate>

</setter.value>

</setter>

<setter property=margin value=5/>

<setter property=width value=50/>

<setter property=height value=50/>

<setter property=fontsize value=120/>

<setter property=foreground value=white/>

</style>

更多信息请查看网页制作
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:dreamweaver怎样制作禁止页面缓存
下一篇:jquery操作 multiple option
易贤网手机网站地址:xaml中button重绘为圆形的方法技巧
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!