C# WPF Style: One Button Mouseover - One Button keep Image -


i have 2 buttons , 1 should change background color on mouseover. otherone should keep background image when mouseover.

my problem second 1 gets mouseover effect , image overwrited :(

    <window.resources>       <style x:key="hover" targettype="button">         <setter property="background" value="#ff2598ce" />         <style.triggers>              <trigger property="ismouseover" value="true">                  <setter property="background" value="#ff24779d" />              </trigger>         </style.triggers>       </style>     </window.resources> 

1.button

<button content="0" name="num0" foreground="white" background="#ff2598ce" borderbrush="#ff24779d" style="{staticresource hover}" /> 

2.button

<button content="" name="up" borderbrush="#ff24779d">     <button.background>        <imagebrush imagesource="/rechner;component/images/btn_up.jpg" />     </button.background> </button> 

thx help

the second button's default template means behave windows button (e.g. not show background image on mouse over). may need provide own template.

there explanation in question might started.

this might too.

i this:

<button content="" name="up" template="{dynamicresource backgroundbutton}" >         <button.background>             <imagebrush imagesource="image.png" />         </button.background>         <button.resources>             <controltemplate x:key="backgroundbutton" targettype="button">                 <border name="border" borderthickness="1" borderbrush="black" background="{templatebinding background}">                     <contentpresenter horizontalalignment="center" verticalalignment="center" />                 </border>                 <controltemplate.triggers>                     <trigger property="ismouseover" value="true">                         <setter property="background" targetname="border">                             <setter.value>                                 <imagebrush imagesource="image.png" opacity="0.5" />                             </setter.value>                         </setter>                     </trigger>                 </controltemplate.triggers>             </controltemplate>         </button.resources>     </button> 

Comments

Popular posts from this blog

c# - Send Image in Json : 400 Bad request -

jquery - Fancybox - apply a function to several elements -

An easy way to program an Android keyboard layout app -