2014-04-29 146 views
1

我是新来的WPF,我有一个小问题。我有一个XAML按钮:wpf按钮的边距在鼠标悬停时突出显示

<Button FontSize="17" Margin="15" Background="White" 
     BorderThickness="0" BorderBrush="#f6f6f6" 
     FontWeight="DemiBold" 
        fluent:KeyTip.Keys="X" 
        CommandParameter="{Binding}"                
        Click="OnLoadPluginClick">             
    <Button.Effect> 
     <DropShadowEffect Opacity="0.15"/> 
    </Button.Effect>             
    <Button.Template> 
     <ControlTemplate TargetType="{x:Type Button}"> 
      <Border Name="Border" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="1" 
        Grid.Row="0" Margin="5,10,0,0" Height="180" Width="180" VerticalAlignment="Top" 
        Background="{TemplateBinding Background}" 
        HorizontalAlignment="Left" > 
       <Grid Height="180" Width="180" > 
        <Grid.RowDefinitions> 
         <RowDefinition Height="Auto"></RowDefinition> 
         <RowDefinition Height="*"></RowDefinition> 
        </Grid.RowDefinitions> 
        <TextBlock Grid.Row="0" Margin="10,10,0,0" FontSize="15" FontStretch="ExtraCondensed" Height="20" VerticalAlignment="Top" 
        HorizontalAlignment="Left" Text="{Binding Name}" /> 
        <Image Stretch="Uniform" Width="70" Height="70" Grid.Row="1" HorizontalAlignment="Center" 
       VerticalAlignment="Center" Source="{Binding ImageSource}" /> 
       </Grid> 
      </Border> 

      <ControlTemplate.Triggers> 
       <Trigger Property="Button.IsPressed" Value="True"> 
        <Setter TargetName="Border" Property="Background" Value="WhiteSmoke" /> 

       </Trigger>                
       <Trigger Property="IsMouseOver" Value="True"> 
        <Setter Property="Effect"> 
         <Setter.Value> 
          <DropShadowEffect ShadowDepth="0" Color="WhiteSmoke" Opacity="0.6" BlurRadius="20"/> 
         </Setter.Value> 
        </Setter> 
        <!--<Setter TargetName="Border" Property="Background" Value="LightGreen"></Setter>--> 
       </Trigger>                
      </ControlTemplate.Triggers> 
     </ControlTemplate> 
    </Button.Template> 
</Button> 

正如你可以看到我有我自己的触发器,但我不能appeareance我想要的(阴影时,鼠标按钮)。我得到的是这样的:

WrongMarginHighlight

,你可以看到,我只有我的利润强调了与akward的灰色......

我需要什么:当鼠标按钮的边框,边框变大的阴影,当按下边界,它的背景设定为的WhiteSmoke

这样的事情,但图像: cancelButton

我如何能实现THI s按钮是否正确?

我会很乐意为您提供帮助。

+0

你有没有想要完成的图像来帮助可视化你的问题? –

+0

@ChrisW。编辑我的问题 –

回答

0

Set TargetName = IsMouseOver触发器的setter标签中的边框。它可能工作..

+0

这没有帮助,我仍然得到awk广场:( –

相关问题