Wpf 自定义Mahapps.MetroWindow关闭按钮
我正在使用Mahapps.MetroWindow()来设计我的应用程序外观,现在我正在寻找一种正确的方法来定制X/Close按钮的外观。默认情况下,MetroWindow将自定义样式应用于所有三个命令按钮。我想要么匹配窗口,总是让关闭按钮变成红色,要么在鼠标上方变成红色 到目前为止,我发现可以将Wpf 自定义Mahapps.MetroWindow关闭按钮,wpf,xaml,mahapps.metro,Wpf,Xaml,Mahapps.metro,我正在使用Mahapps.MetroWindow()来设计我的应用程序外观,现在我正在寻找一种正确的方法来定制X/Close按钮的外观。默认情况下,MetroWindow将自定义样式应用于所有三个命令按钮。我想要么匹配窗口,总是让关闭按钮变成红色,要么在鼠标上方变成红色 到目前为止,我发现可以将WindowCloseButtonStyle属性设置为自定义样式。我是这样做的: <controls:MetroWindow x:Class="WpfApplication2.MainWindow"
WindowCloseButtonStyle
属性设置为自定义样式。我是这样做的:
<controls:MetroWindow x:Class="WpfApplication2.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:controls="clr-namespace:MahApps.Metro.Controls;assembly=MahApps.Metro"
Title="MainWindow"
Height="350"
Width="525"
WindowCloseButtonStyle="{DynamicResource RedCloseWindowButtonStyle}">
...
...
在一个单独的XAML文件中,我将样式定义为
<Style x:Key="RedCloseWindowButtonStyle"
TargetType="{x:Type Button}"
BasedOn="{StaticResource MetroBaseWindowButtonStyle}">
<Setter Property="XXX"
Value="XXX" />
</Style>
我想我必须在样式设置器中填写XXX的空格。由于我是Windows开发新手,我的问题是:我感兴趣的属性是什么?根据给定的上下文,在哪里可以找到浏览可用属性的资源管理器?如果我想完成上述工作,样式值是多少?这里是一个继承的自定义样式,用于具有鼠标悬停/按下效果的关闭按钮:
<Style x:Key="MetroWindowCloseButtonStyle"
TargetType="{x:Type Button}"
BasedOn="{StaticResource MetroWindowButtonStyle}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type Button}">
<Grid x:Name="grid"
Background="{TemplateBinding Background}">
<ContentPresenter x:Name="contentPresenter"
HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
Margin="{TemplateBinding Padding}"
VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
RecognizesAccessKey="True"
Opacity="0.75" />
</Grid>
<ControlTemplate.Triggers>
<Trigger Property="IsMouseOver"
Value="True">
<Setter TargetName="contentPresenter"
Property="Opacity"
Value="1" />
<Setter TargetName="grid"
Property="Background"
Value="#E04343" />
</Trigger>
<Trigger Property="IsMouseOver"
Value="False">
<Setter TargetName="contentPresenter"
Property="Opacity"
Value=".5" />
</Trigger>
<Trigger Property="IsPressed"
Value="True">
<Setter TargetName="grid"
Property="Background"
Value="#993D3D" />
</Trigger>
<Trigger Property="IsEnabled"
Value="false">
<Setter Property="Foreground"
Value="#ADADAD" />
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
原始(过时)样式可在此处找到
希望能有所帮助。好吧,在新版的中,我找不到“MetroWindowCloseButtonStyle”样式 我已经改写了风格“MetroBaseWindowButtonStyle” 带有和额外样式触发器: 只有当按钮名为“PART_Close”(默认mahapp按钮名)时,触发器才会触发。所以当鼠标悬停到关闭按钮时,它会将背景颜色更改为红色
<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="IsMouseOver" Value="True" />
<Condition Property="Name" Value="PART_Close" />
</MultiTrigger.Conditions>
<Setter Property="Background" Value="Red" />
</MultiTrigger>
完整的样式如下所示:
<!-- base button style for min, max and close window buttons -->
<Style x:Key="MetroBaseWindowButtonStyle" TargetType="{x:Type Button}">
<Setter Property="Background"
Value="{DynamicResource TransparentWhiteBrush}" />
<Setter Property="Foreground"
Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" />
<Setter Property="HorizontalContentAlignment"
Value="Center" />
<Setter Property="VerticalContentAlignment"
Value="Center" />
<Setter Property="Padding"
Value="1" />
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type Button}">
<Grid Background="{TemplateBinding Background}">
<ContentPresenter x:Name="contentPresenter"
HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
Margin="{TemplateBinding Padding}"
VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
RecognizesAccessKey="True"
Opacity="0.75" />
</Grid>
<ControlTemplate.Triggers>
<Trigger Property="IsMouseOver"
Value="True">
<Setter TargetName="contentPresenter"
Property="Opacity"
Value="1" />
</Trigger>
<Trigger Property="IsMouseOver"
Value="False">
<Setter TargetName="contentPresenter"
Property="Opacity"
Value=".5" />
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
<Style.Triggers>
<Trigger Property="IsMouseOver"
Value="True">
<Setter Property="Background"
Value="#F6F6F6" />
</Trigger>
<Trigger Property="IsPressed"
Value="True">
<Setter Property="Background"
Value="{DynamicResource HighlightBrush}" />
</Trigger>
<Trigger Property="IsEnabled"
Value="false">
<Setter Property="Foreground"
Value="#ADADAD" />
</Trigger>
<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="IsMouseOver"
Value="True" />
<Condition Property="Name"
Value="PART_Close" />
</MultiTrigger.Conditions>
<Setter Property="Background"
Value="Red" />
</MultiTrigger>
</Style.Triggers>
</Style>
将以下内容放入App.xaml将对所有MetroWindows应用红色鼠标悬停样式:
<Style x:Key="CleanCloseWindowButtonStyle" TargetType="{x:Type Button}" BasedOn="{StaticResource MetroWindowButtonStyle}">
<Style.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Background" Value="#EB2F2F" />
<Setter Property="Foreground" Value="{DynamicResource WhiteBrush}" />
</Trigger>
<Trigger Property="IsPressed" Value="True">
<Setter Property="Background" Value="#7C0000" />
</Trigger>
</Style.Triggers>
</Style>
<Style TargetType="{x:Type mah:WindowButtonCommands}" BasedOn="{StaticResource {x:Type mah:WindowButtonCommands}}">
<Setter Property="LightCloseButtonStyle" Value="{StaticResource CleanCloseWindowButtonStyle}" />
<Setter Property="DarkCloseButtonStyle" Value="{StaticResource CleanCloseWindowButtonStyle}" />
</Style>
这是基于Punker在github上发布的使用WindowCloseButtonStyle(过时)的解决方案。您可以下载并安装它。安装完成后,一起运行应用程序和XAMLSpy。你可以将XAMLSpy附加到你的应用程序,并发现它的元素及其属性。我想你要找的是前台,但他们可能会使用不同的东西。XAMLSpy可以让你在VisualStudio中用鼠标移动元素,找到它的内容和属性。太棒了!非常感谢。我在github的链接上找了2天404link@joey我用正确的永久链接替换了链接。@punker76我有一个类似的问题,以防你有机会提出建议/评论等。谢谢。