xaml - 是 Avalonia 风格的选择器
问题描述
我有一个 baseButtonStyle,它应该适用于所有按钮和所有派生类型。它适用于所有按钮(不包括派生按钮)。
<Style x:Key="BaseButtonStyle" Selector="is Button" >
<Setter Property="BorderThickness" Value="1"/>
<Setter Property="Foreground" Value="{StaticResource SecondaryFontBrush}"/>
<Setter Property="BorderBrush" Value="{StaticResource BlueButtonNormalBorderBrush}"/>
<Setter Property="Background" Value="{StaticResource BlueButtonNormalBackgroundBrush}"/>
<Setter Property="UseLayoutRounding" Value="True"/>
<Setter Property="Padding" Value="10"/>
<Setter Property="Margin" Value="10"/>
</Style>
现在我有一个从 Button 派生的 AdditionalTextButton。
using Avalonia;
using Avalonia.Controls;
using Avalonia.Media;
using System;
namespace VW7OrbMachineAvalonia1.Components.Controls
{
public class AdditionalTextButton : Button
{
Type IStyleable.StyleKey => typeof(AdditionalTextButton);
/// <summary>
/// Bottom left displayed Text
/// </summary>
public string BottomLeftText
{
get { return (string)GetValue(BottomLeftTextProperty); }
set { SetValue(BottomLeftTextProperty, value); }
}
public static readonly StyledProperty<String> BottomLeftTextProperty =
AvaloniaProperty.Register<AdditionalTextButton, String>("BottomLeftText");
}
}
我对 Avalonia 样式行为的理解是,由于选择器,BaseButtonStyle 应该适用于 AdditionalTextButton is Button
。但这不会发生。
除此之外,我还有另一种适用于所有 AdditionaltextButtons 的样式。这也很好用。
<Style x:Key="additionalTextButtonStyle" Selector="is vwaui:Additionaltextbutton">
<Setter Property="FontSize" Value="22"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate>
<Grid Width="{TemplateBinding Width}" Height="{TemplateBinding Height}">
<TextBlock HorizontalAlignment="Left" VerticalAlignment="Bottom" TextWrapping="Wrap" Text="{TemplateBinding BottomLeftText}"/>
<TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" TextWrapping="Wrap" Text="{TemplateBinding Content}"/>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
我怎样才能得到这样的结果,即 AdditionalTextButton 的样式由 BaseButtonStyle 和 AdditionalTextButtonStyle 设置?AdditionalTextButtonStyle 的设置器应该覆盖 BaseButtonStyle 的设置器。
解决方案
问题是您的is
选择器语法错误。如果您将其更改为:
Selector=":is(Button)"
和
Selector=":is(vwaui|Additionaltextbutton)"
那么这应该可以按预期工作。
推荐阅读
- signalr - .NET 控制台应用程序使用 SignalR
- java - java中的阿拉伯日期转换问题
- python - 在 python Web 应用程序中返回数据时查看模型与自定义字典?
- javascript - 如果我只知道其中的一部分,我如何获得完整的类名?
- java - Google Cloud postgres 实例无法连接到 Spring Boot 应用程序
- karma-jasmine - 代码覆盖结果显示方法名称为红色,但覆盖了方法定义
- javascript - 三分之二更改浏览器后退按钮的功能
- javascript - 如何将不同的名称放入自动生成的文本框中,以便我可以使用复选框将文本放入其中
- python - 使用 None 重塑张量以获得批量大小
- python - 解码/编码外来字符/UnicodeEncodeError:'charmap'编解码器