WPF三角形、圆形按钮

最新推荐文章于 2024-09-19 10:26:13 发布

东方匠心

最新推荐文章于 2024-09-19 10:26:13 发布

阅读量2.9w

点赞数 1

分类专栏：Ｃ# 文章标签： wpf button setter class object

本文链接：https://blog.csdn.net/tastelife/article/details/6830846

版权

Ｃ# 专栏收录该内容

118 篇文章 0 订阅

订阅专栏

例子简单，代码更简单。

< Window
    xmlns = " http://schemas.microsoft.com/winfx/2006/xaml/presentation "
    xmlns:x = " http://schemas.microsoft.com/winfx/2006/xaml "
    x:Class = " Custom_Button.Window1 "
    x:Name = " Window "
    Title = " 圆形按钮 "
    Width = " 600 " Height = " 480 " >

     < Grid x:Name = " LayoutRoot " >

         < Grid.RowDefinitions >
             < RowDefinition />
         </ Grid.RowDefinitions >

         < Button Grid.Column = " 0 " Grid.Row = " 0 " Height = " 400 " Width = " 400 " HorizontalAlignment = " Left " VerticalAlignment = " Top " Content = " Button " Template = " {DynamicResource ButtonControlTemplate1} " Cursor = " Hand " >
             < Button.Resources >
                 < ControlTemplate x:Key = " ButtonControlTemplate1 " TargetType = " {x:Type Button} " >
                     < Grid >
                         < Ellipse x:Name = " ButtonEllipse " Width = " Auto " Height = " Auto " StrokeThickness = " 4 " Fill = " White " Stroke = " Gray " ></ Ellipse >
                         < Polygon x:Name = " ButtonPolygon " Points = " 20,200 300,50 300,350 " Stroke = " White " StrokeThickness = " 2 " >
                             < Polygon.Fill >
                                 < SolidColorBrush Color = " Gray " Opacity = " 0.4 " />
                             </ Polygon.Fill >
                         </ Polygon >
                     </ Grid >
                     < ControlTemplate.Triggers >
                         < Trigger Property = " IsMouseOver " Value = " True " >
                             < Setter TargetName = " ButtonPolygon " Property = " Fill " Value = " Black " ></ Setter >
                         </ Trigger >
                         < Trigger Property = " IsPressed " Value = " True " >
                             < Setter TargetName = " ButtonPolygon " Property = " Fill " Value = " Gray " />
                         </ Trigger >
                     </ ControlTemplate.Triggers >
                 </ ControlTemplate >
             </ Button.Resources >
         </ Button >
     </ Grid >
</ Window >

修改后三角形自动放大

自定义控件上使用代创建

xaml:

<UserControl x:Class="WpfApplication1.UserControl1"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             mc:Ignorable="d"
             d:DesignHeight="439" d:DesignWidth="437" Loaded="UserControl_Loaded">

    <UserControl.Resources>
        <ControlTemplate x:Key="ButtonControlTemplate1" TargetType="{x:Type Button}">
            <Grid>
                <Polygon x:Name="ButtonPolygon" Stretch="Fill" Points="0,50 100,0 100,100" Stroke="White" StrokeThickness="2">
                    <Polygon.Fill>
                        <SolidColorBrush Color="Gray" Opacity="0.4"/>
                    </Polygon.Fill>
                </Polygon>
            </Grid>
            <ControlTemplate.Triggers>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter TargetName="ButtonPolygon" Property="Fill" Value="Black"></Setter>
                </Trigger>
                <Trigger Property="IsPressed" Value="True">
                    <Setter TargetName="ButtonPolygon" Property="Fill" Value="red"/>
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>
    </UserControl.Resources>


</UserControl>

code:

    public partial class UserControl1 : UserControl
    {
        public UserControl1()
        {
            InitializeComponent();
        }

        private void UserControl_Loaded(object sender, RoutedEventArgs e)
        {
            Button button1 = new Button();
            this.AddChild(button1);
            button1.Template = (ControlTemplate)(this.Resources["ButtonControlTemplate1"]);
            button1.Click += button1_Click;
        }

        private void button1_Click(object sender, RoutedEventArgs e)
        {
            MessageBox.Show("sss");
        }

    }