Avalonia样式选择器Doen＆＃x27; t在派生类上工作

Question

我有一个问题，可以将自定义控件从按钮派生出来。

我继承了按钮类，以添加依赖关系：

public class IconButton : Button, IStyleable
{
    Type IStyleable.StyleKey => typeof(Button);

    public static readonly StyledProperty<string> IconProperty =
        AvaloniaProperty.Register<IconButton, string>(nameof(Icon));

    public string Icon
    {
        get { return GetValue(IconProperty); }
        set { SetValue(IconProperty, value); }
    }
}

现在我想创建一个仅针对此派生类的样式：

    <Styles xmlns="https://github.com/avaloniaui"
            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
            xmlns:i="clr-namespace:Projektanker.Icons.Avalonia;assembly=Projektanker.Icons.Avalonia"
            xmlns:cc="*****.*****.CustomControls">
        <Design.PreviewWith>
            <Border Padding="20">
              <StackPanel Orientation="Vertical">
                <cc:IconButton Content="hello custom" Icon="fab fa-github"/>
                <Button Content="hello"/>
              </StackPanel>
            </Border>
        </Design.PreviewWith>
    
      <Style Selector=":is(cc|IconButton)">
        <Setter Property="Background" Value="Red"/>
        <Setter Property="Template">
          <Setter.Value>
            <ControlTemplate>
              <StackPanel Orientation="Horizontal">
                <i:Icon Value="{TemplateBinding Icon}" />
                <TextBlock Text="{TemplateBinding Content}" />
              </StackPanel>
            </ControlTemplate>
          </Setter.Value>
        </Setter>
      </Style>
    </Styles>

如您所见，内容不是我的控制模板，因为图标不是我的控制模板可见，背景不是红色。因此，我无法使用我的依赖性。

有什么建议还是该语言不支持？ 我阅读了用于选择器的文档（****）旨在支持派生类型，因此我希望我的代码能够正常工作:(

thx寻求帮助。

Answer 1

尝试删除可删除的和您的Overriden StyleKey。您告诉选择器，它应该寻找按钮样式而不是您的样式。

愉快的编码
蒂姆

PS我现在无法自行测试，因此，如果它不起作用，请在这里告诉我。

---

更新：我只是做了一个空白的新项目并测试了您的代码。删除stylekey后，它起作用：

这是修改的iconbutton：

public class IconButton : Button
{
    public static readonly StyledProperty<string> IconProperty =
        AvaloniaProperty.Register<IconButton, string>(nameof(Icon));
    
    public string Icon
    {
        get { return GetValue(IconProperty); }
        set { SetValue(IconProperty, value); }
    }
}

如果您能够在Github上上传最小示例，i可以看看可能出了什么问题。

---

更新2：调查您的演示应用程序，我发现您使用了第三方图标lib。 LIB要求您在启动时配置特殊服务，请参阅： https://github.com/projektanker/icons.avalonia#1-register-register-icon-providers-on-app-start-up

我向您发送解决您问题的PR。

快乐的编码
蒂姆