4

我正在尝试 avalonia 和大多数作品中的样式，除了伪类，它们只是被忽略了。

我创建了一个窗口，所有样式都在其中，并且我创建了一个用户控件（带有一个按钮 - 伪类在按钮上），使用样式。我不使用代码，只使用 xaml 来定义样式。

我已经在按钮的“样式选择器”中尝试了它作为“Button：pseudoclassname”和“Button.le：pseudoclassname”。我也尝试过“Button:pointerover”和“Button:hover”，因为文档提到可以修改。没有结果。伪类的样式都被忽略了，其他的都被正确执行了。

是我做错了什么还是 avalonia 中的错误？

xaml 窗口文件：

<Window xmlns="https://github.com/avaloniaui"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:views="clr-namespace:Hub.Views"
        xmlns:vm="using:Hub.ViewModels"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
        x:Class="Hub.Views.MainWindow"
        Icon="/Assets/avalonia-logo.ico"
        Width="200" Height="300"
        Title="Hub"
        Classes="le">

    <Window.Styles>
        <Style Selector="Window.le">
            <Setter Property="Background" Value="#191919"/>
        </Style>
        <Style Selector="Button.le">
            <Setter Property="Background" Value="green"/>
            <Setter Property="Foreground" Value="white"/>
        </Style>
        <Style Selector="Button.le:pointerover">
            <Setter Property="Background" Value="red"/>
            <Setter Property="Foreground" Value="white"/>
        </Style>
        <Style Selector="Button.le:pressed">
            <Setter Property="Background" Value="blue"/>
            <Setter Property="Foreground" Value="white"/>
        </Style>
        <Style Selector="TextBlock.le_update">
            <Setter Property="FontStyle" Value="Italic"/>
            <Setter Property="FontSize" Value="17"/>
            <Setter Property="FontFamily" Value="Arial, Verdana"/>
            <Setter Property="Foreground" Value="white"/>
            <Setter Property="Background" Value="transparent"/>
        </Style>
    </Window.Styles>
    
    <views:UpdateView/>

</Window>

xaml 用户控制文件：

<UserControl xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
             x:Class="Hub.Views.UpdateView">
    <DockPanel>
        <StackPanel DockPanel.Dock="Bottom">
            <Button Classes="le" HorizontalAlignment="Center" HorizontalContentAlignment="Center" Width="300">
                Check for updates
            </Button>
        </StackPanel>
        <StackPanel Spacing="5" Margin="5">
            <TextBlock Classes="le_update" HorizontalAlignment="Center" Margin="4">
                No updates for Hub.
            </TextBlock>
            <TextBlock Classes="le_update" HorizontalAlignment="Center" Margin="4">
                No updates for Engine.
            </TextBlock>
        </StackPanel>
    </DockPanel>
</UserControl>

4

2 回答 2

4

Button的Background属性确实会受到您的样式的影响，但此时它对实际Button的背景没有影响，因为Background属性仅控制按钮的正常状态。

如果您查看此处Button的默认样式，您可以看到它将其背景传递给via ：ContentPresenterTemplateBinding

    <Setter Property="Template">
      <ControlTemplate>
        <ContentPresenter x:Name="PART_ContentPresenter"
                          Background="{TemplateBinding Background}"

但会以如下样式覆盖 ContentPresenter 的背景：

  <Style Selector="Button:pointerover /template/ ContentPresenter#PART_ContentPresenter">
    <Setter Property="Background" Value="{DynamicResource ButtonBackgroundPointerOver}" />

由于它ContentPresenter实际上是在绘制背景（Button是一个不起眼的控件），因此您将看到拥有的按钮ButtonBackgroundPointerOver而不是Button' 的Background属性值。

因此，您需要编写一个样式来更改内部 ContentPresenter ，如下所示：

<Style Selector="Button.le:pointerover /template/ ContentPresenter#PART_ContentPresenter">
  <Setter Property="Background" Value="green" />
</Style>

不幸的是，这使您的样式依赖于主题，因为默认主题和流畅主题之间的控件模板不同。

于 2021-03-02T17:11:00.287 回答
2

Kekekeks 给出的答案是我提出的问题的正确答案。

但是，我使用这个空间是希望帮助像我一样完全没有 xaml 背景的 avalonia 新手用户。我们大多数人看 avalonia 是为了给我们的应用程序一个在 Windows/Mac/Linux 上运行的界面。老实说，在撰写本文时，c# 中不存在真正的替代品。

目前，Avalonia 确实有很好的示例和一些文档，但对于那些没有 xaml 背景的人来说，情况并非如此。

因此，去 Udemy 或 LikedIn.Learning 或 Youtube 或任何你找到关于 WPF 的好课程的地方，然后去 Avalonia 的文档并开始玩。

两者（Avalonia 和 WPF）共享的相似之处是巨大的！！！是的，在文档中多次提到它，但直言不讳“如果您是 xaml 的新手，请先去学习 WPF！” 在文档的首页上将节省我相当多的时间来尝试通过网站找到它。

公平是公平的，该项目仍处于测试阶段，并且该网站已经为该阶段提供了良好的文档记录，因此不怪团队！

于 2021-03-06T09:35:21.297 回答