XAML按钮悬停效果

时间:2014-09-16 16:12:21

标签: xaml

我有一个使用模板的按钮。在我的模板中,我让一切正常。我的按钮显示正确,包含所有图像和文字。但我想对我的按钮有悬停效果。我尝试了一种风格和一种风格触发鼠标,但都没有奏效。有人能告诉我如何在下面的按钮模板上获得悬停效果吗?

<Button Command="{Binding AppToolbarViewModel.RunToolAction, Source={StaticResource ViewModelLocator}}" CommandParameter="{Binding XamlURI}" ToolTip="{Binding ToolToolTip}"
Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" Cursor="Hand">
    <Button.Template>
    <ControlTemplate>
        <StackPanel Orientation="Horizontal">
             <Grid>
                 <Label Content="&#xf0c8;" Style="{StaticResource FontAwesomeLabel}" />
                 <Label Content="{Binding ImageURI}" Style="{StaticResource FontAwesomeLabel}" FontSize="20" Margin="10,10,0,0" Foreground="GhostWhite" />
             </Grid>
             <Label Content="{Binding ToolName}" Style="{StaticResource ButtonLabel}" />
        </StackPanel>
    </ControlTemplate>
    </Button.Template>
</Button>

1 个答案:

答案 0 :(得分:0)

对不起,我无法发表评论(还没有50个声望),但是你能澄清你的悬停效果是什么意思吗?您想要工具提示还是想要更改样式?

无论如何,如果您需要工具提示,可以参考http://msdn.microsoft.com/en-us/library/windows/apps/xaml/hh868199.aspx 如果您正在尝试这样做,也可以将图像添加为工具提示。

如果希望在悬停时更改样式,可以实现“PointerEntered”和“PointerExited”事件处理程序,并在代码隐藏中修改样式或使用其他命令。