You need to enable JavaScript to run this app.
最新活动
大模型
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

如何在MahApps.Metro的MetroWindow.RightWindowCommand中为按钮加触发器且不覆盖默认样式

解决MahApps.Metro中WindowCommands按钮自定义样式并保留默认外观的问题

我之前也碰到过一模一样的问题——直接继承普通Button样式确实会丢掉WindowCommands里按钮的专属布局和视觉效果。其实关键在于WindowCommands容器内的按钮用的是专门的默认样式,不是全局的Metro Button样式,你只需要找到正确的样式资源键来继承就可以了,完全不用复制一堆默认代码。

具体步骤:

  1. 找到WindowCommand按钮的专属样式资源键
    MahApps.Metro为窗口命令栏里的按钮预设了专门的样式,资源键是WindowCommandButtonStyle(大部分版本都适用,如果你用的是较新的版本,也可以试试MahApps.Styles.Button.WindowCommand)。

  2. 基于这个专属样式创建自定义Style
    在你的资源字典或者窗口资源里定义自定义样式时,把BasedOn指向这个专属样式,而不是普通的{x:Type Button}

<Style x:Key="CustomWindowCmdButtonStyle"
       TargetType="Button"
       BasedOn="{StaticResource WindowCommandButtonStyle}">
    <!-- 在这里添加你的自定义触发器、Setter等逻辑 -->
    <Style.Triggers>
        <Trigger Property="IsMouseOver" Value="True">
            <Setter Property="Foreground" Value="#FF007ACC" />
            <!-- 比如修改hover时的前景色,保留其他默认效果 -->
        </Trigger>
        <!-- 你需要的其他触发器都可以加在这里 -->
    </Style.Triggers>
</Style>
  1. 在RightWindowCommands中使用自定义样式
    直接在按钮上引用你定义的样式即可:
<MetroWindow.RightWindowCommands>
    <WindowCommands>
        <Button Style="{StaticResource CustomWindowCmdButtonStyle}"
                Content="我的自定义命令" />
    </WindowCommands>
</MetroWindow.RightWindowCommands>

额外提示:

如果不确定资源键是否正确,或者遇到版本兼容问题,可以尝试用命名空间限定的资源键(需要先导入MahApps的shared命名空间:xmlns:mah="http://metro.mahapps.com/winfx/xaml/shared"):

BasedOn="{StaticResource {x:Static mah:MahAppsResourceKeys.WindowCommandButtonStyleKey}}"

这样做既能保留MahApps默认的窗口命令按钮美观样式,又能轻松添加你自己的触发器和自定义逻辑,完全不用复制大量默认样式代码~

内容的提问来源于stack exchange,提问作者baka1408

火山引擎 最新活动