亲宝软件园·资讯

展开

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

秋荷雨翔 人气:0
想了解WPF制作带小箭头的按钮完整代码的相关内容吗,秋荷雨翔在本文为您仔细讲解wpf 带小箭头按钮的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:wpf,带小箭头按钮,带箭头按钮,c#,wpf,下面大家一起来学习吧。

什么是WPF

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

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

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制作带小箭头的按钮完整代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

加载全部内容

相关教程
猜你喜欢
用户评论