如何在鼠标悬停时突出显示 MahApps.Metro 的图块？答案

【问题标题】：how to highlight tiles of MahApps.Metro on mouseover?如何在鼠标悬停时突出显示 MahApps.Metro 的图块？
【发布时间】：2016-05-23 16:52:26
【问题描述】：

我刚刚发现了一个非常棒的 WPF 用户界面工具包：MahApps.Metro。我用 MahApps.Metro.Controls.Tile 类型的图块创建了一个窗口。

当鼠标经过时，我无法找到突出显示图块的正确方法。

你知道我该怎么做吗？我是否需要使用模板和情节提要（设置起来似乎有点复杂......）？

谢谢

[编辑] 这是带有图块的控件：

<mah:TransitioningContentControl x:Name="LeftControl" Grid.Row="1" Grid.Column="1"  Transition="Default"  HorizontalAlignment="Left">
    <WrapPanel x:Name="SearchPanel" Width="400" Height="500" HorizontalAlignment="Left" VerticalAlignment="Top">
        <mah:Tile x:Name="CategoriesTile" Title="Catégories" Style="{StaticResource SearchTileStyle}" Click="ButtonBase_OnClick" />
        <mah:Tile x:Name="TagsTile" Title="Tags" Style="{StaticResource SearchTileStyle}"  Click="ButtonBase_OnClick"/>
        <mah:Tile x:Name="SearchTile" Title="Recherche" Style="{StaticResource SearchTileStyle}" />
        <mah:Tile  x:Name="FavoritesTile" Title="Favoris" Style="{StaticResource SearchTileStyle}" />
        <mah:Tile x:Name="AssistantTile" Title="Assistant" Style="{StaticResource SearchTileStyle}" />
    </WrapPanel>
</mah:TransitioningContentControl>

这是我用于图块的样式（在字典中）：

<Style x:Key="SearchTile" TargetType="mah:Tile">
    <Setter Property="Width" Value="150" />
    <Setter Property="Height" Value="150" />
    <Setter Property="TitleFontSize" Value="16" />
    <Setter Property="Background" Value="{StaticResource SearchTileBrush}" />
    <Setter Property="Margin" Value="3" />
</Style>

我希望能够更改背景颜色或在鼠标悬停时添加边框。如果可能的话，我也希望能够在鼠标悬停时更改鼠标光标。

我不知道我是否可以触发你这样做。

[编辑] mah:Tile 继承自 System.Windows.Controls.Button。谢谢

【问题讨论】：

当你的意思是高亮时，只是改变瓷砖的背景颜色？
也许一些代码可以帮助那些以前没有使用过MahApps.Metro的用户？您是否尝试过使用基本的Trigger？

标签： c# wpf mahapps.metro

【解决方案1】：

离你不远了。您只需要一个响应IsMouseOver 的触发器，并在True 时具有“突出显示的画笔颜色”，在False 时具有默认颜色。

<Style x:Key="SearchTile" TargetType="mah:Tile">
    <Setter Property="Background" Value="{StaticResource SearchTileBrush}" />
    <Style.Triggers>
        <Trigger Property="IsMouseOver" Value="True">
            <Setter Property="Background" Value="{StaticResource SearchTyleHighlightedBrush}" />
        </Trigger>
    </Style.Triggers>
</Style>

【讨论】：