0

画像があります

http://savepic.su/2317454.htm

しかし、私はボタンの背景を次のように設定しようとします 

<UserControl x:Class="System.Windows.Controls.UserControl" xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<Button x:Name="plus_button" Width="30" Height="25">
    <Button.Background>
        <ImageBrush AlignmentY="Top" Stretch="None" ImageSource="plus_unhover.jpg"></ImageBrush>
    </Button.Background>
</Button>
</UserControl>

http://savepic.su/2309262.htm すべてのブラウザにこれらの画像があります... 通常の画像をボタンの背景に設定するにはどうすればよいですか
？

xamlでこのボタンのマウスオーバーイベントを背景に別の画像を設定するにはどうすればよいですか？

4

1 に答える 1

1

私は次のようなボタンのスタイルを使用します。 

<Style x:Key="minusButtonStyle" TargetType="Button">
 <Setter Property="ToolTipService.ToolTip" Value="Уменьшить масштаб графика, Ctrl + вниз" />
 <Setter Property="Width" Value="35"/>
 <Setter Property="Template">
  <Setter.Value>
   <ControlTemplate TargetType="Button">
    <Grid>
     <vsm:VisualStateManager.VisualStateGroups>
      <vsm:VisualStateGroup x:Name="CommonStates">
       <vsm:VisualState x:Name="Normal"/>
       <vsm:VisualState x:Name="MouseOver">
        <Storyboard>
         <DoubleAnimation Duration="0" Storyboard.TargetName="hoverImage" Storyboard.TargetProperty="Opacity" To="1"/>
        </Storyboard>
       </vsm:VisualState>
       <vsm:VisualState x:Name="Pressed">
        <Storyboard>
         <DoubleAnimation Duration="0" Storyboard.TargetName="pressedImage" Storyboard.TargetProperty="Opacity" To="1"/>
        </Storyboard>
       </vsm:VisualState>
       <vsm:VisualState x:Name="Disabled">
        <Storyboard>
         <DoubleAnimation Duration="0" Storyboard.TargetName="unactiveImage" Storyboard.TargetProperty="Opacity" To="1"/>
        </Storyboard>
       </vsm:VisualState>
      </vsm:VisualStateGroup>
      <vsm:VisualStateGroup x:Name="FocusStates">
       <vsm:VisualState x:Name="Focused"/>
       <vsm:VisualState x:Name="Unfocused" />
      </vsm:VisualStateGroup>
     </vsm:VisualStateManager.VisualStateGroups>
     <Border x:Name="normalImage" Opacity="1">
      <Border.Background>
       <ImageBrush AlignmentY="Top" Stretch="None" ImageSource="Images/minus_unhover.png" Opacity="1.0"></ImageBrush>
      </Border.Background>
     </Border>
     <Border x:Name="hoverImage" Opacity="0">
      <Border.Background>
       <ImageBrush AlignmentY="Top" Stretch="None" ImageSource="Images/minus_hover.png" Opacity="1.0"></ImageBrush>
      </Border.Background>
     </Border>
     <Border x:Name="pressedImage" Opacity="0">
      <Border.Background>
       <ImageBrush AlignmentY="Top" Stretch="None" ImageSource="Images/minus_pressed.png" Opacity="1.0"></ImageBrush>
      </Border.Background>
     </Border>
     <Border x:Name="unactiveImage" Opacity="0">
      <Border.Background>
       <ImageBrush AlignmentY="Top" Stretch="None" ImageSource="Images/minus_unactive.png" Opacity="1.0"></ImageBrush>
      </Border.Background>
     </Border>
     <ContentPresenter x:Name="contentPresenter" Content="{TemplateBinding Content}"/>
    </Grid>
   </ControlTemplate>
  </Setter.Value>
 </Setter>
</Style>

そして、このスタイルをボタンに適用します。 

<Button x:Name="minus_button" Style="{StaticResource minusButtonStyle}" ClickMode="Release"></Button>

別の状態で必要なものを表示し、目に見える効果を制御できるので、これが最善の解決策だと思います。

于 2013-02-14T07:44:53.310 に答える