欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

WPF制作带小箭头的按钮完整代码

程序员文章站 2023-12-19 11:27:52
什么是wpf wpf(windows presentation foundation)是微软推出的基于windows 的用户界面框架,属于.net framework 3...

什么是wpf

wpf(windows presentation foundation)是微软推出的基于windows 的用户界面框架,属于.net framework 3.0的一部分。它提供了统一的编程模型、语言和框架,真正做到了分离界面设计人员与开发人员的工作;同时它提供了全新的多媒体交互用户图形界面。

在没给大家介绍实现代码之前,先给大家看下效果图,如果大家感觉效果不错,请参考实现代码:

WPF制作带小箭头的按钮完整代码

xaml代码:

<controltemplate x:key="btntpl" targettype="radiobutton">
 <stackpanel orientation="vertical" height="30" background="transparent">
 <border name="border" background="#006ab8" height="25">
  <contentpresenter name="contentpre" verticalalignment="center" horizontalalignment="center" textelement.foreground="#fff" textelement.fontsize="12" margin="0"/>
 </border>
 <path x:name="path" horizontalalignment="center" verticalalignment="center" data="m 0 0 l 6 4 l 12 0 z">
  <path.fill>
  <solidcolorbrush color="#006ab8" />
  </path.fill>
 </path>
 </stackpanel>
 <controltemplate.triggers>
 <trigger property="ismouseover" value="true">
  <setter targetname="border" property="margin" value="2 2 2 0"></setter>
  <setter targetname="border" property="height" value="23"></setter>
  <setter property="textelement.fontsize" value="11"></setter>
 </trigger>
 <trigger property="ischecked" value="true">
  <setter targetname="border" property="border.background" value="#15bdf7"></setter>
  <setter targetname="path" property="fill" >
  <setter.value>
   <solidcolorbrush color="#15bdf7" />
  </setter.value>
  </setter>
 </trigger>
 </controltemplate.triggers>
</controltemplate>

总结

以上所述是小编给大家介绍的wpf制作带小箭头的按钮完整代码,希望对大家有所帮助

上一篇:

下一篇: