一只爱做笔记的码农
一只爱做笔记的码农

【C#】跨平台UI库Avalonia的学习笔记（上）

目的

因为有这种需求，希望开发一个上位机软件，可以在Windows和Linux上同时运行，而且这个Linux很可能是arm平台的板子，其实就是可以代替一部分工控机的功能，省钱也节约设备占用的体积，鉴于自己现在不太清楚C++，也懒得去折腾QT(毕竟商用要钱，公司并没有整这个，但是公司买了VS)，找了找可以实现上位机界面软件的方法，可能这个跨平台UI库Avalonia就比较合适了，对C#已经略知一二的我，能够写Winform小工具，WPF也能了解些了，感觉可以来学一学这个东西了。

这是一个目录

  • 目的
  • Avalonia下，我目前整出的一些实现备忘
    • 窗口标题栏消除掉
    • visualbrush画分割线
    • 样式
    • Command
  • 怎么学
    • 开始
      • Getting Started
      • Programming with Avalonia
      • The Model-View-ViewModel Pattern (MVVM)
      • Controls & Layouts
      • Data Binding
      • Graphics & Animations
      • Windows
      • UserControls
      • Assets
      • Developer Tools
    • Logging Errors and Warnings
    • Unhandled Exceptions
    • Application Lifetimes
      • IControlledApplicationLifetime
      • IClassicDesktopStyleApplicationLifetime
      • ISingleViewApplicationLifetime
    • 绑定
      • DataContext
      • Change Notifications
      • Bindings
      • 一个官方的例子
      • StringFormat
      • Converting Binding Values
      • Binding to Commands
      • 一个官方的例子
      • Binding to Tasks and Observables
      • Binding from Code
        • Subscribing to Changes to a Property
        • Binding to an observable
        • Setting a binding in an object initializer
        • Transforming binding values
        • Using XAML bindings from code
        • Subscribing to a property on any object
        • Binding to INotifyPropertyChanged objects
      • Binding in a Control Template
      • Binding Classes
      • Creating and binding Attached Properties
    • Style
      • Style Classes
      • Pseudoclasses
      • Custom Pseudoclasses
      • Selector
      • Setter
      • Style Precedence
      • Selectors
        • OfType
        • Name
        • Class
        • is
        • Chlid
        • Descendant
        • PropertyEquals
        • Template
        • Not
        • Or
        • Nth Child
        • Nth Last Child
    • Resources
      • Declaring resources
      • Referencing resources
      • Overriding resources
      • Merged resource dictionaries
      • Resource resolution
      • Theme resources
      • Troubleshooting
        • 选中的控件不存在
        • 目标的属性被其他的样式覆写
        • 本地设置的属性覆盖样式
        • 缺少样式伪类选择器
        • 带有伪类的选择器没有将默认的样式覆写
    • 各种各样的控件
    • 模板Template
      • Data Templates
      • 官方的例子
      • 通过代码创建数据模板

Avalonia下，我目前整出的一些实现备忘

窗口标题栏消除掉

        ExtendClientAreaToDecorationsHint="True"
        ExtendClientAreaChromeHints="NoChrome"
        ExtendClientAreaTitleBarHeightHint="-1"

加在window标签下

visualbrush画分割线

这个和WPF下，有点点不一样

DestinationRect=“10,10,10,10” SourceRect=“0,0,0,0”
我感觉是矩形坐标，我画的分割线宽度是10

            <Border.Background>
                <VisualBrush
                    AlignmentX="Left"
                    AlignmentY="Top"
                    DestinationRect="10,10,10,10"
                    SourceRect="0,0,0,0"
                    Stretch="None"
                    TileMode="Tile">
                    <VisualBrush.Visual>
                        <Grid Width="10" Height="10">
                            <Line
                                Stroke="DarkGray"
                                StrokeThickness="2"
                                StartPoint="0,10"
                                EndPoint="10,0" />
                            <Line
                                Stroke="DarkGray"
                                StrokeThickness="2"
                                StartPoint="10,10"
                                EndPoint="0,0" />
                        Grid>
                    VisualBrush.Visual>
                VisualBrush>
            Border.Background>

样式

这里和WPF非常不一样，建议再看看Document
首先新建一个样式文件
我是希望做一个RadioButton，带图标和字，按下对应的背景和字的颜色会变的样式
据它官网说，它这套样式系统类似与CSS，不是WPF那种用样式名字来绑定的，有点不习惯，具体的我还没有学到
看这个似乎它还整出了一个样式预览的功能，这个WPF倒是没有

<Styles xmlns="https://github.com/avaloniaui" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    
        "100">