【求助】WPF 按钮背景图片ImageBrush问题，如何去除我下面代码的重复的代码？

2014-09-01 10:21:19 345 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

Protege新手必看：从安装到建模的完整指南（附推理功能详解）本文为Protege新手提供从安装、配置到核心建模的完整实战指南。详细讲解了Java环境准备、本体项目创建、类与属性定义、个体填充等关键步骤，并重点解析了推理功能的配置与使用，帮助读者快速构建可逻辑推理的知识图谱，避开常见陷阱。阅读详情

问题描述：现在我有8个按钮，我需要给这八个按钮赋不同的背景图片ImageBrush，鼠标经过时改变背景图片；
资源：项目中建了一个Images文件夹，下面有16张图片：01.jpg 02.jpg 03.jpg ....(鼠标未经过时的图片) a1.jpg a2.jpg a3.jpg ....(鼠标经过时按钮显示的图片) 16张图片各不相同；
我的代码：



<Button name="button1"  Width="50" Height="50">

  <Style TargetType = "Button">

   <Setter Property="Background">

    <Setter.Value> 

      <ImageBrush ImageSource="\Images\01.jpg" />

    </Setter.Value>

   </Setter>

    <Style.Triggers>

     <Trigger Property="IsMouseOver" Value="True">

       <Setter Property="Background" >

        <Setter.Value> 

      <ImageBrush ImageSource="\Images\a1.jpg" />

    </Setter.Value>

   </Setter>

     </Trigger>

    </Style.Triggers>

  </Style>

</Button>



<Button name="button2"  Width="50" Height="50">

  <Style TargetType = "Button">

   <Setter Property="Background">

    <Setter.Value> 

      <ImageBrush ImageSource="\Images\02.jpg" />

    </Setter.Value>

   </Setter>

    <Style.Triggers>

     <Trigger Property="IsMouseOver" Value="True">

       <Setter Property="Background" >

        <Setter.Value> 

      <ImageBrush ImageSource="\Images\a2.jpg" />

    </Setter.Value>

   </Setter>

     </Trigger>

    </Style.Triggers>

  </Style>

</Button>



<Button name="button3"  Width="50" Height="50">

  <Style TargetType = "Button">

   <Setter Property="Background">

    <Setter.Value> 

      <ImageBrush ImageSource="\Images\03.jpg" />

    </Setter.Value>

   </Setter>

    <Style.Triggers>

     <Trigger Property="IsMouseOver" Value="True">

       <Setter Property="Background" >

        <Setter.Value> 

      <ImageBrush ImageSource="\Images\a3.jpg" />

    </Setter.Value>

   </Setter>

     </Trigger>

    </Style.Triggers>

  </Style>

</Button>



<Button name="button4"  Width="50" Height="50">

  <Style TargetType = "Button">

   <Setter Property="Background">

    <Setter.Value> 

      <ImageBrush ImageSource="\Images\04.jpg" />

    </Setter.Value>

   </Setter>

    <Style.Triggers>

     <Trigger Property="IsMouseOver" Value="True">

       <Setter Property="Background" >

        <Setter.Value> 

      <ImageBrush ImageSource="\Images\a4.jpg" />

    </Setter.Value>

   </Setter>

     </Trigger>

    </Style.Triggers>

  </Style>

</Button>



<Button name="button5"  Width="50" Height="50">

  <Style TargetType = "Button">

   <Setter Property="Background">

    <Setter.Value> 

      <ImageBrush ImageSource="\Images\05.jpg" />

    </Setter.Value>

   </Setter>

    <Style.Triggers>

     <Trigger Property="IsMouseOver" Value="True">

       <Setter Property="Background" >

        <Setter.Value> 

      <ImageBrush ImageSource="\Images\a5.jpg" />

    </Setter.Value>

   </Setter>

     </Trigger>

    </Style.Triggers>

  </Style>

</Button>



<Button name="button6"  Width="50" Height="50">

  <Style TargetType = "Button">

   <Setter Property="Background">

    <Setter.Value> 

      <ImageBrush ImageSource="\Images\06.jpg" />

    </Setter.Value>

   </Setter>

    <Style.Triggers>

     <Trigger Property="IsMouseOver" Value="True">

       <Setter Property="Background" >

        <Setter.Value> 

      <ImageBrush ImageSource="\Images\a6.jpg" />

    </Setter.Value>

   </Setter>

     </Trigger>

    </Style.Triggers>

  </Style>

</Button>



<Button name="button7"  Width="50" Height="50">

  <Style TargetType = "Button">

   <Setter Property="Background">

    <Setter.Value> 

      <ImageBrush ImageSource="\Images\07.jpg" />

    </Setter.Value>

   </Setter>

    <Style.Triggers>

     <Trigger Property="IsMouseOver" Value="True">

       <Setter Property="Background" >

        <Setter.Value> 

      <ImageBrush ImageSource="\Images\a7.jpg" />

    </Setter.Value>

   </Setter>

     </Trigger>

    </Style.Triggers>

  </Style>

</Button>



<Button name="button8"  Width="50" Height="50">

  <Style TargetType = "Button">

   <Setter Property="Background">

    <Setter.Value> 

      <ImageBrush ImageSource="\Images\08.jpg" />

    </Setter.Value>

   </Setter>

    <Style.Triggers>

     <Trigger Property="IsMouseOver" Value="True">

       <Setter Property="Background" >

        <Setter.Value> 

      <ImageBrush ImageSource="\Images\a8.jpg" />

    </Setter.Value>

   </Setter>

     </Trigger>

    </Style.Triggers>

  </Style>

</Button>

显然，上述代码8个按钮用的同样的处理方式，重复了，请帮我修改一下吧，谢谢~

...全文

GB28181 2022 配置信令基本参数视频参数选项视频参数属性配置巡航轨迹阅读详情

技术型萨达哈鲁

WPF/Silverlight 8,757 成员 12,031 内容

+ 关注 + 加入社区

切换为时间正序

Veary 2014-09-17

打赏
举报

引用 2 楼 duanzi_peng 的回复:

显然你并不知 WPF中还有 Converter这个类的定义。图片名称格式有规律，就可以使用Converter转换类来对你的ImageSource进行判断处理，转换类中接受参数，该参数就是区分是那个button，比如你的Button1，你就可以传 1,；然后根据button的标示，再返回属于button1的图片路径。参见：http://msdn.microsoft.com/zh-cn/library/windows/apps/windows.ui.xaml.data.ivalueconverter.aspx

这个挺好能做个例子给我发过来嘛本人愚钝 xveary@163.com

技术型萨达哈鲁 2014-09-01

打赏
举报

引用 2 楼 duanzi_peng 的回复:

显然你并不知 WPF中还有 Converter这个类的定义。图片名称格式有规律，就可以使用Converter转换类来对你的ImageSource进行判断处理，转换类中接受参数，该参数就是区分是那个button，比如你的Button1，你就可以传 1,；然后根据button的标示，再返回属于button1的图片路径。参见：http://msdn.microsoft.com/zh-cn/library/windows/apps/windows.ui.xaml.data.ivalueconverter.aspx

非常感谢，这就是我想要的，啥也不说了，结贴给分~~~~

郑州高新区WPF小王子 2014-09-01

打赏
举报

显然你并不知 WPF中还有 Converter这个类的定义。图片名称格式有规律，就可以使用Converter转换类来对你的ImageSource进行判断处理，转换类中接受参数，该参数就是区分是那个button，比如你的Button1，你就可以传 1,；然后根据button的标示，再返回属于button1的图片路径。参见：http://msdn.microsoft.com/zh-cn/library/windows/apps/windows.ui.xaml.data.ivalueconverter.aspx

技术型萨达哈鲁 2014-09-01

打赏
举报

我将其放在了Windows的资源里面，但是现在所有的按钮背景图片都是一样的，鼠标经过改变的图片也是一样的，请问怎样做，这是我的一段代码：


<Window ....>
<Window.Resources>
<Style TargetType="Button">
<Setter Property="Background">
    <Setter.Value> 
      <ImageBrush ImageSource="\Images\01.jpg" />
    </Setter.Value>
   </Setter>
    <Style.Triggers>
     <Trigger Property="IsMouseOver" Value="True">
       <Setter Property="Background" >
        <Setter.Value> 
      <ImageBrush ImageSource="\Images\a1.jpg" />
    </Setter.Value>
   </Setter>
     </Trigger>
    </Style.Triggers>
</Style>
</Window.Resources>
</Window>
<Grid>
<Button Name="button1" />
<Button Name="button2" />
<Button Name="button3" />
<Button Name="button4" />
<Button Name="button5" />
<Button Name="button6" />
<Button Name="button7" />
<Button Name="button8" />
</Grid>

现在，所有的按钮都是01.jpg，鼠标经过按钮时，所有的按钮都改变为a1.jpg ，求教，求教~~~~

【求助】WPF 按钮背景图片ImageBrush问题，如何去除我下面代码的重复的代码？

相关推荐