ToggleButton图片按钮的两种制作方法

最新推荐文章于 2024-07-05 16:30:00 发布

yulongguiziyao

最新推荐文章于 2024-07-05 16:30:00 发布

阅读量3.7k

点赞数

分类专栏： # WPF 文章标签： wpf togglebutton图片按钮

本文链接：https://blog.csdn.net/yulongguiziyao/article/details/38415293

版权

WPF 专栏收录该内容

119 篇文章 2 订阅

订阅专栏

第一种：

因为项目需要制作ToggleButton图片按钮，要求点击之后改变图片，而Check和Uncheck的时候又具有Normal、MouseOver、Pressed三种状态。

开始想要利用VisualStateManager来做，如果放置6个image有不知道怎么区分check状态和UnCheck状态的Normal、MouseOver、Pressed（如果有知道的告诉一声，谢谢）。

然后想了一个比较笨的办法，制作一个图片按钮，区分三种状态，然后在ToggleButton图片按钮里面放置两个图片按钮，但是这样的话，图片按钮会阻止点击是的状态变化，于是对每个按钮实现click事件，手动实现状态变化。代码如下：

xaml：

后台代码：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Controls.Primitives;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace DrawText.Controls
{
    /// <summary>
    /// ImageToggleButton.xaml 的交互逻辑
    /// </summary>
    public partial class ImageToggleButton : ToggleButton
    {
        public ImageToggleButton()
        {
            InitializeComponent();
        }

        public ImageSource CheckNormalImage
        {
            get { return (ImageSource)GetValue(CheckNormalImageProperty); }
            set { SetValue(CheckNormalImageProperty, value); }
        }

        // Using a DependencyProperty as the backing store for CheckNormalImage. This enables animation, styling, binding, etc...
        public static readonly DependencyProperty CheckNormalImageProperty =
            DependencyProperty.Register("CheckNormalImage", typeof(ImageSource), typeof(ImageToggleButton), new PropertyMetadata(null));

        public ImageSource CheckMouseOverImage
        {
            get { return (ImageSource)GetValue(CheckMouseOverImageProperty); }
            set { SetValue(CheckMouseOverImageProperty, value); }
        }

        // Using a DependencyProperty as the backing store for CheckMouseOverImage. This enables animation, styling, binding, etc...
        public static readonly DependencyProperty CheckMouseOverImageProperty =
            DependencyProperty.Register("CheckMouseOverImage", typeof(ImageSource), typeof(ImageToggleButton), new PropertyMetadata(null));

        public ImageSource CheckPressedImage
        {
            get { return (ImageSource)GetValue(CheckPressedImageProperty); }
            set { SetValue(CheckPressedImageProperty, value); }
        }

        // Using a DependencyProperty as the backing store for CheckPressedImage. This enables animation, styling, binding, etc...
        public static readonly DependencyProperty CheckPressedImageProperty =
            DependencyProperty.Register("CheckPressedImage", typeof(ImageSource), typeof(ImageToggleButton), new PropertyMetadata(null));

        public ImageSource UnCheckNormalImage
        {
            get { return (ImageSource)GetValue(UnCheckNormalImageProperty); }
            set { SetValue(UnCheckNormalImageProperty, value); }
        }

        // Using a DependencyProperty as the backing store for UnCheckNormalImage. This enables animation, styling, binding, etc...
        public static readonly DependencyProperty UnCheckNormalImageProperty =
            DependencyProperty.Register("UnCheckNormalImage", typeof(ImageSource), typeof(ImageToggleButton), new PropertyMetadata(null));

        public ImageSource UnCheckMouseOverImage
        {
            get { return (ImageSource)GetValue(UnCheckMouseOverImageProperty); }
            set { SetValue(UnCheckMouseOverImageProperty, value); }
        }

        // Using a DependencyProperty as the backing store for UnCheckMouseOverImage. This enables animation, styling, binding, etc...
        public static readonly DependencyProperty UnCheckMouseOverImageProperty =
            DependencyProperty.Register("UnCheckMouseOverImage", typeof(ImageSource), typeof(ImageToggleButton), new PropertyMetadata(null));

        public ImageSource UncheckPressedImage
        {
            get { return (ImageSource)GetValue(UncheckPressedImageProperty); }
            set { SetValue(UncheckPressedImageProperty, value); }
        }

        // Using a DependencyProperty as the backing store for UncheckPressedImage. This enables animation, styling, binding, etc...
        public static readonly DependencyProperty UncheckPressedImageProperty =
            DependencyProperty.Register("UncheckPressedImage", typeof(ImageSource), typeof(ImageToggleButton), new PropertyMetadata(null));

        private void unCheck_Click(object sender, RoutedEventArgs e)
        {
            this.IsChecked = true;
        }

        private void check_Click(object sender, RoutedEventArgs e)
        {
            this.IsChecked = false;
        }

}
}

第二种：

该方法使触发器实现

xaml：

后台代码：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Controls.Primitives;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace DrawText.Controls
{
    /// <summary>
    /// TriggerImageButton.xaml 的交互逻辑
    /// </summary>
    public partial class TriggerImageButton : ToggleButton
    {
        public TriggerImageButton()
        {
            InitializeComponent();
        }

        public ImageSource CheckNormalImage
        {
            get { return (ImageSource)GetValue(CheckNormalImageProperty); }
            set { SetValue(CheckNormalImageProperty, value); }
        }

        public ImageSource CheckPressedImage
        {
            get { return (ImageSource)GetValue(CheckPressedImageProperty); }
            set { SetValue(CheckPressedImageProperty, value); }
        }