WPF 带 ICON 的 button 状态切换（Enable/Disable）

最新推荐文章于 2024-09-27 10:33:48 发布

停止更新+1

最新推荐文章于 2024-09-27 10:33:48 发布

阅读量7.2k

点赞数 2

本文链接：https://blog.csdn.net/anyicheng2015/article/details/79003725

版权

本文介绍了在WPF中如何使带有ICON的button在禁用（Disable）时，图标变为灰色或半透明。提供了两种解决方案，一种是通过灰度处理使图片变灰，另一种是设置图片半透明。同时，给出了C#和XAML的实现代码，并展示了启用（Enable）和禁用（Disable）时的效果。

摘要由CSDN通过智能技术生成

问题的引出

在WPF中，如果一个button只有文字，没有图标，当disable的时候，文字就会变成灰色。如果这个button的内容中有图片，disable的时候，不会发生任何变化。那么，问题来了，如何使得图片在显示的时候也可以变成灰色，或者使得它变得不一样呢？

解决方案

两种方案，一种是图片变成灰色，另一种是变成半透明。对于方案一，当图片是彩色的时候，效果很好，但是如果图片本身是灰色的，则效果较差。第二种方案则相反。

图片变成灰色

如果想要使得图片变成灰色，那么需要用到类FormatConvertedBitmap。图片的显示方式，彩色或者灰色，是通过DestinationFormat 来控制的。参考WPF 将图片进行灰度处理
如果想要在C#代码中使用这个类，那么必须：

         FormatConvertedBitmap newFormatConvertedBitmap = new FormatConvertedBitmap();
         newFormatConvertedBitmap.BeginInit();
         newFormatConvertedBitmap.Source = oldFormatConvertedBitmap.Source;
         newFormatConvertedBitmap.DestinationFormat = PixelFormats.Gray8;
         newFormatConvertedBitmap.EndInit();

如果想要在xaml里面使用这个类：

         <!-- Normal button with icon gray & text is disabled -->
         <Button x:Name="IconGrayButton" Width="180" Height="32" IsEnabled="False" Margin="10">
            <StackPanel Orientation="Horizontal">
               <Image x:Name="IconGrayButtonImage">
                  <Image.Source>
                     <FormatConvertedBitmap Source="{StaticResource ButtonIcon}" DestinationFormat="Gray8">
                     </FormatConvertedBitmap>
                  </Image.Source>
               </