Avalonia学习（二十二）-等待

最新推荐文章于 2024-07-22 17:32:31 发布
最新推荐文章于 2024-07-22 17:32:31 发布
阅读量466 收藏 9
点赞数 9
文章标签： 学习 ui Avalonia
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jinyuttt/article/details/135795627
版权

前端代码（主要是样式）

<Styles xmlns="https://github.com/avaloniaui"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:AvaloniaProgressRing"
        x:CompileBindings="True">
  <Style Selector="Ellipse.ProgressRingEllipseStyle">
    <Setter Property="Opacity" Value="0" />
    <Setter Property="IsVisible" Value="{Binding $parent[local:ProgressRing].IsActive}" />
    <Setter Property="HorizontalAlignment" Value="Left" />
    <Setter Property="VerticalAlignment" Value="Top" />
  </Style>

  <Style Selector="local|ProgressRing">
    <Setter Property="Background" Value="Transparent" />
    <Setter Property="Foreground" Value="{TemplateBinding Foreground}" />
    <Setter Property="IsHitTestVisible" Value="False" />
    <Setter Property="HorizontalAlignment" Value="Center" />
    <Setter Property="VerticalAlignment" Value="Center" />
    <Setter Property="MinHeight" Value="20" />
    <Setter Property="MinWidth" Value="20" />
    <Setter Property="ClipToBounds" Value="True" />
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate>
          <Border
              x:Name="Ring"
              Background="{TemplateBinding Background}"
              BorderThickness="{TemplateBinding BorderThickness}"
              BorderBrush="{TemplateBinding BorderBrush}"
              CornerRadius="0"
              Padding="{TemplateBinding Padding}"
              MaxWidth="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=MaxSideLength}"
              MaxHeight="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=MaxSideLength}"
              IsVisible="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=IsActive}">
            <Border.RenderTransform>
              <TransformGroup>
                  <RotateTransform/>
                  <TranslateTransform/>
              </TransformGroup>
            </Border.RenderTransform>
            <Grid>
              <Canvas Name="E1R">
                <Ellipse x:Name="E1"
                    Classes="ProgressRingEllipseStyle"
                    Width="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=EllipseDiameter}"
                    Height="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=EllipseDiameter}"
                    Margin="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=EllipseOffset}"
                    Fill="{TemplateBinding Foreground}" />
              </Canvas>
              <Canvas Name="E2R">
                <Ellipse x:Name="E2"
                    Classes="ProgressRingEllipseStyle"
                    Width="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=EllipseDiameter}"
                    Height="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=EllipseDiameter}"
                    Margin="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=EllipseOffset}"
                    Fill="{TemplateBinding Foreground}" />
              </Canvas>
              <Canvas Name="E3R">
                <Ellipse x:Name="E3"
                    Classes="ProgressRingEllipseStyle"
                    Width="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=EllipseDiameter}"
                    Height="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=EllipseDiameter}"
                    Margin="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=EllipseOffset}"
                    Fill="{TemplateBinding Foreground}" />
              </Canvas>
              <Canvas Name="E4R">
                <Ellipse x:Name="E4"
                    Classes="ProgressRingEllipseStyle"
                    Width="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=EllipseDiameter}"
                    Height="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=EllipseDiameter}"
                    Margin="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=EllipseOffset}"
                    Fill="{TemplateBinding Foreground}" />
              </Canvas>
              <Canvas Name="E5R">
                <Ellipse x:Name="E5"
                    Classes="ProgressRingEllipseStyle"
                    Width="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=EllipseDiameter}"
                    Height="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=EllipseDiameter}"
                    Margin="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=EllipseOffset}"
                    Fill="{TemplateBinding Foreground}" />
              </Canvas>
              <Canvas x:Name="E6R">
                <Ellipse x:Name="E6"
                    Classes="ProgressRingEllipseStyle"
                    Width="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=EllipseDiameter}"
                    Height="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=EllipseDiameter}"
                    Margin="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=EllipseOffset}"
                    Fill="{TemplateBinding Foreground}" />
              </Canvas>
            </Grid>
          </Border>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
  </Style>
  <Style Selector="local|ProgressRing:active /template/ Ellipse#E1"  >
    <Style.Animations>
      <Animation Duration="0:0:4.4" IterationCount="Infinite" Delay="0" FillMode="None">
        <KeyFrame KeyTime="0:0:0.001">
          <Setter Property="Opacity" Value="1"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:3.21">
          <Setter Property="Opacity" Value="1"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:3.22">
          <Setter Property="Opacity" Value="0"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:3.47">
          <Setter Property="Opacity" Value="0"/>
        </KeyFrame>
      </Animation>
    </Style.Animations>
  </Style>
  <Style Selector="local|ProgressRing:active /template/ Ellipse#E2">
    <Style.Animations>
      <Animation Duration="0:0:4.4" IterationCount="Infinite" Delay="0:0:0.167" FillMode="None">
        <KeyFrame KeyTime="0:0:0.001">
          <Setter Property="Opacity" Value="1"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:3.21">
          <Setter Property="Opacity" Value="1"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:3.22">
          <Setter Property="Opacity" Value="0"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:3.47">
          <Setter Property="Opacity" Value="0"/>
        </KeyFrame>
      </Animation>
    </Style.Animations>
  </Style>
  <Style Selector="local|ProgressRing:active /template/ Ellipse#E3">
    <Style.Animations>
      <Animation Duration="0:0:4.4" IterationCount="Infinite" Delay="0:0:0.334"  FillMode="None">
        <KeyFrame KeyTime="0:0:0.001">
          <Setter Property="Opacity" Value="1"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:3.21">
          <Setter Property="Opacity" Value="1"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:3.22">
          <Setter Property="Opacity" Value="0"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:3.47">
          <Setter Property="Opacity" Value="0"/>
        </KeyFrame>
      </Animation>
    </Style.Animations>
  </Style>
  <Style Selector="local|ProgressRing:active /template/ Ellipse#E4">
    <Style.Animations>
      <Animation Duration="0:0:4.4" IterationCount="Infinite" Delay="0:0:0.501" FillMode="None">
        <KeyFrame KeyTime="0:0:0.001">
          <Setter Property="Opacity" Value="1"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:3.21">
          <Setter Property="Opacity" Value="1"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:3.22">
          <Setter Property="Opacity" Value="0"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:3.47">
          <Setter Property="Opacity" Value="0"/>
        </KeyFrame>
      </Animation>
    </Style.Animations>
  </Style>
  <Style Selector="local|ProgressRing:active /template/ Ellipse#E5">
    <Style.Animations>
      <Animation Duration="0:0:4.4" IterationCount="Infinite" Delay="0:0:0.668" FillMode="None">
        <KeyFrame KeyTime="0:0:0.001">
          <Setter Property="Opacity" Value="1"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:3.21">
          <Setter Property="Opacity" Value="1"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:3.22">
          <Setter Property="Opacity" Value="0"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:3.47">
          <Setter Property="Opacity" Value="0"/>
        </KeyFrame>
      </Animation>
    </Style.Animations>
  </Style>
  <Style Selector="local|ProgressRing:active /template/ Ellipse#E6">
    <Style.Animations>
      <Animation Duration="0:0:4.4" IterationCount="Infinite" Delay="0:0:0.835" FillMode="None">
        <KeyFrame KeyTime="0:0:0.001">
          <Setter Property="Opacity" Value="1"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:3.21">
          <Setter Property="Opacity" Value="1"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:3.22">
          <Setter Property="Opacity" Value="0"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:3.47">
          <Setter Property="Opacity" Value="0"/>
        </KeyFrame>
      </Animation>
    </Style.Animations>
  </Style>
  <Style Selector="local|ProgressRing:active /template/ Canvas#E1R">
    <!--<Style.Setters>
      <Setter Property="Background" Value="LightBlue"/>
    </Style.Setters>-->
    <Style.Animations>
      <Animation Duration="0:0:4.4" IterationCount="Infinite" Delay="0:0:0.0"
                 FillMode="None">
        <KeyFrame KeyTime="0:0:0.001" KeySpline="0.13,0.21,0.1,0.7">
          <Setter Property="RotateTransform.Angle" Value="-110"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:0.433" KeySpline="0.02,0.33,0.38,0.77">
          <Setter Property="RotateTransform.Angle" Value="10"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:1.2">
          <Setter Property="RotateTransform.Angle" Value="93"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:1.617" KeySpline="0.57,0.17,0.95,0.75" >
          <Setter Property="RotateTransform.Angle" Value="205"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:2.017" KeySpline="0,0.19,0.07,0.72">
          <Setter Property="RotateTransform.Angle" Value="357"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:2.783">
          <Setter Property="RotateTransform.Angle" Value="439"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:3.217" KeySpline="0,0,0.95,0.37">
          <Setter Property="RotateTransform.Angle" Value="585"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:3.47">
          <Setter Property="RotateTransform.Angle" Value="610"/>
        </KeyFrame>
      </Animation>
    </Style.Animations>
  </Style>
  <Style Selector="local|ProgressRing:active /template/ Canvas#E2R">
    <Style.Animations>
      <Animation Duration="0:0:4.4" IterationCount="Infinite" Delay="0:0:0.167"
                  FillMode="None">
        <KeyFrame KeyTime="0:0:0.001" KeySpline="0.13,0.21,0.1,0.7">
          <Setter Property="RotateTransform.Angle" Value="-116"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:0.433" KeySpline="0.02,0.33,0.38,0.77">
          <Setter Property="RotateTransform.Angle" Value="4"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:1.2">
          <Setter Property="RotateTransform.Angle" Value="87"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:1.617" KeySpline="0.57,0.17,0.95,0.75" >
          <Setter Property="RotateTransform.Angle" Value="199"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:2.017" KeySpline="0,0.19,0.07,0.72">
          <Setter Property="RotateTransform.Angle" Value="351"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:2.783">
          <Setter Property="RotateTransform.Angle" Value="433"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:3.217" KeySpline="0,0,0.95,0.37">
          <Setter Property="RotateTransform.Angle" Value="579"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:3.47">
          <Setter Property="RotateTransform.Angle" Value="604"/>
        </KeyFrame>
      </Animation>
    </Style.Animations>
  </Style>
  <Style Selector="local|ProgressRing:active /template/ Canvas#E3R">
    <Style.Setters>
      <Setter Property="IsVisible" Value="True"/>
    </Style.Setters>
    <Style.Animations>
      <Animation Duration="0:0:4.4" IterationCount="Infinite" Delay="0:0:0.334"
                 FillMode="None">
        <KeyFrame KeyTime="0:0:0.001" KeySpline="0.13,0.21,0.1,0.7">
          <Setter Property="RotateTransform.Angle" Value="-122"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:0.433" KeySpline="0.02,0.33,0.38,0.77">
          <Setter Property="RotateTransform.Angle" Value="-2"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:1.2">
          <Setter Property="RotateTransform.Angle" Value="81"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:1.617" KeySpline="0.57,0.17,0.95,0.75" >
          <Setter Property="RotateTransform.Angle" Value="193"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:2.017" KeySpline="0,0.19,0.07,0.72">
          <Setter Property="RotateTransform.Angle" Value="345"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:2.783">
          <Setter Property="RotateTransform.Angle" Value="427"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:3.217" KeySpline="0,0,0.95,0.37">
          <Setter Property="RotateTransform.Angle" Value="567"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:3.47">
          <Setter Property="RotateTransform.Angle" Value="598"/>
        </KeyFrame>
      </Animation>
    </Style.Animations>
  </Style>
  <Style Selector="local|ProgressRing:active /template/ Canvas#E4R">
    <Style.Setters>
      <Setter Property="IsVisible" Value="True"/>
    </Style.Setters>
    <Style.Animations>
      <Animation Duration="0:0:4.4" IterationCount="Infinite" Delay="0:0:0.501"
                 FillMode="None">
        <KeyFrame KeyTime="0:0:0.001" KeySpline="0.13,0.21,0.1,0.7">
          <Setter Property="RotateTransform.Angle" Value="-128"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:0.433" KeySpline="0.02,0.33,0.38,0.77">
          <Setter Property="RotateTransform.Angle" Value="-8"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:1.2">
          <Setter Property="RotateTransform.Angle" Value="75"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:1.617" KeySpline="0.57,0.17,0.95,0.75" >
          <Setter Property="RotateTransform.Angle" Value="187"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:2.017" KeySpline="0,0.19,0.07,0.72">
          <Setter Property="RotateTransform.Angle" Value="339"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:2.783">
          <Setter Property="RotateTransform.Angle" Value="421"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:3.217" KeySpline="0,0,0.95,0.37">
          <Setter Property="RotateTransform.Angle" Value="567"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:3.47">
          <Setter Property="RotateTransform.Angle" Value="592"/>
        </KeyFrame>
      </Animation>
    </Style.Animations>
  </Style>
  <Style Selector="local|ProgressRing:active /template/ Canvas#E5R">
    <Style.Setters>
      <Setter Property="IsVisible" Value="True"/>
    </Style.Setters>
    <Style.Animations>
      <Animation Duration="0:0:4.4" IterationCount="Infinite" Delay="0:0:0.668"
                 FillMode="None">
        <KeyFrame KeyTime="0:0:0.001" KeySpline="0.13,0.21,0.1,0.7">
          <Setter Property="RotateTransform.Angle" Value="-134"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:0.433" KeySpline="0.02,0.33,0.38,0.77">
          <Setter Property="RotateTransform.Angle" Value="-14"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:1.2">
          <Setter Property="RotateTransform.Angle" Value="69"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:1.617" KeySpline="0.57,0.17,0.95,0.75" >
          <Setter Property="RotateTransform.Angle" Value="181"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:2.017" KeySpline="0,0.19,0.07,0.72">
          <Setter Property="RotateTransform.Angle" Value="331"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:2.783">
          <Setter Property="RotateTransform.Angle" Value="415"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:3.217" KeySpline="0,0,0.95,0.37">
          <Setter Property="RotateTransform.Angle" Value="561"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:3.47">
          <Setter Property="RotateTransform.Angle" Value="586"/>
        </KeyFrame>
      </Animation>
    </Style.Animations>
  </Style>
  <Style Selector="local|ProgressRing:active /template/ Canvas#E6R">
    <Style.Setters>
      <Setter Property="IsVisible" Value="True"/>
    </Style.Setters>
    <Style.Animations>
      <Animation Duration="0:0:4.4" IterationCount="Infinite" Delay="0:0:0.835"
                 FillMode="None">
        <KeyFrame KeyTime="0:0:0.001" KeySpline="0.13,0.21,0.1,0.7">
          <Setter Property="RotateTransform.Angle" Value="-140"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:0.433" KeySpline="0.02,0.33,0.38,0.77">
          <Setter Property="RotateTransform.Angle" Value="-20"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:1.2">
          <Setter Property="RotateTransform.Angle" Value="63"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:1.617" KeySpline="0.57,0.17,0.95,0.75" >
          <Setter Property="RotateTransform.Angle" Value="175"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:2.017" KeySpline="0,0.19,0.07,0.72">
          <Setter Property="RotateTransform.Angle" Value="325"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:2.783">
          <Setter Property="RotateTransform.Angle" Value="409"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:3.217" KeySpline="0,0,0.95,0.37">
          <Setter Property="RotateTransform.Angle" Value="555"/>
        </KeyFrame>
        <KeyFrame KeyTime="0:0:3.47">
          <Setter Property="RotateTransform.Angle" Value="580"/>
        </KeyFrame>
      </Animation>
    </Style.Animations>
  </Style>
  
  <Style Selector="local|ProgressRing:small /template/ Canvas#E6R">
    <Style.Setters>
      <Setter Property="IsVisible" Value="False"/>
    </Style.Setters>
  </Style>
  <Style Selector="local|ProgressRing:large /template/ Canvas#E6R">
    <Style.Setters>
      <Setter Property="IsVisible" Value="True"/>
    </Style.Setters>
  </Style>
  
</Styles>

后台代码

using Avalonia;
using Avalonia.Controls.Primitives;
using Avalonia.Media;
using System;
using System.Collections.Generic;
using System.Text;

namespace AvaloniaProgressRing
{
    public class ProgressRing : TemplatedControl
    {
        private const string LargeState = ":large";
        private const string SmallState = ":small";

        private const string InactiveState = ":inactive";
        private const string ActiveState = ":active";

        private double _maxSideLength = 10;
        private double _ellipseDiameter = 10;
        private Thickness _ellipseOffset = new Thickness(2);

        static ProgressRing()
        {
            //DefaultStyleKeyProperty.OverrideMetadata(typeof(ProgressRing),
            //    new FrameworkPropertyMetadata(typeof(ProgressRing)));
        }

        public ProgressRing()
        {
        }

        #region IsActive

        public bool IsActive
        {
            get => (bool)GetValue(IsActiveProperty);
            set => SetValue(IsActiveProperty, value);
        }


        public static readonly StyledProperty<bool> IsActiveProperty =
            AvaloniaProperty.Register<ProgressRing, bool>(
                nameof(IsActive), 
                defaultValue: true);

        private static void OnIsActiveChanged(AvaloniaObject obj, bool arg2)
        {
            ((ProgressRing)obj).UpdateVisualStates();
        }

        public static readonly DirectProperty<ProgressRing, double> MaxSideLengthProperty =
            AvaloniaProperty.RegisterDirect<ProgressRing, double>(
               nameof(MaxSideLength),
               o => o.MaxSideLength);

        public double MaxSideLength
        {
            get { return _maxSideLength; }
            private set { SetAndRaise(MaxSideLengthProperty, ref _maxSideLength, value); }
        }

        public static readonly DirectProperty<ProgressRing, double> EllipseDiameterProperty =
            AvaloniaProperty.RegisterDirect<ProgressRing, double>(
               nameof(EllipseDiameter),
               o => o.EllipseDiameter);

        public double EllipseDiameter
        {
            get { return _ellipseDiameter; }
            private set { SetAndRaise(EllipseDiameterProperty, ref _ellipseDiameter, value); }
        }

        public static readonly DirectProperty<ProgressRing, Thickness> EllipseOffsetProperty =
            AvaloniaProperty.RegisterDirect<ProgressRing, Thickness>(
               nameof(EllipseOffset),
               o => o.EllipseOffset);

        public Thickness EllipseOffset
        {
            get { return _ellipseOffset; }
            private set { SetAndRaise(EllipseOffsetProperty, ref _ellipseOffset, value); }
        }

        #endregion


        protected override void OnApplyTemplate(TemplateAppliedEventArgs e)
        {
            base.OnApplyTemplate(e);
            double maxSideLength = Math.Min(this.Width, this.Height);
            double ellipseDiameter = 0.1 * maxSideLength;
            if (maxSideLength <= 40)
            {
                ellipseDiameter += 1;
            }

            EllipseDiameter = ellipseDiameter;
            MaxSideLength = maxSideLength;
            EllipseOffset = new Thickness(0, maxSideLength / 2 - ellipseDiameter, 0, 0);
            UpdateVisualStates();
        }

        protected override void OnPropertyChanged(AvaloniaPropertyChangedEventArgs change)
        {
            base.OnPropertyChanged(change);

            if (change.Property == IsActiveProperty)
            {
                UpdateVisualStates();
            }
        }

        private void UpdateVisualStates()
        {
            PseudoClasses.Remove(ActiveState);
            PseudoClasses.Remove(InactiveState);
            PseudoClasses.Remove(SmallState);
            PseudoClasses.Remove(LargeState);
            PseudoClasses.Add(IsActive ? ActiveState : InactiveState);
            PseudoClasses.Add(_maxSideLength < 60 ? SmallState : LargeState);
        }
    }
}

运行效果

jason成都
关注
  • 9
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Animation旋转的动画
qq_34397593的博客
03-23 975
Animation 动画详解 ---alpha、scale、translate、rotate、set
avalon-learn-scott:Avalonia学习
06-09
Avalonia 一个轻量级、高性能、易学的 javascript MVVM 框架 Avalonia现在有3个版本： avalon.js为IE6 +和现代浏览器（包括基于Webkit的/Chrome浏览器）， avalon.modern.js为IE10 +和HTML5标准的浏览器和avalon....
AvaloniaProgressRing:Avalonia的进度环-基于ModernWPF的ProgressRing
05-25
Avalonia进度指环 该项目是一个简单进度环，它是根据进度环建模。 感谢ModernWpf的初始代码和设计！ v0.8.x适用于Avalonia 0.9.x，而v0.9.x与Avalonia 0.10.x兼容。 在项目中使用 将Deadpikle.AvaloniaProgressRing添加到您的NuGet引用中，然后将以下内容添加到Application.Styles的App.xaml中： < StyleInclude xss=removed> 在您的UserControl ，添加以下内容： < UserControl xmlns = " https://github.com/avaloniaui " xmlns : progRing
Avalonia学习（二十一）-自定义窗口标题框
jinyuttt的专栏
01-10 1212
看见网上一篇文章，写自定义窗口，借花献佛，整理了一下，延续界面演示。创建一个用户控件，用来实现顶端控件。1.定义窗口，去除边框、在Window窗口中使用。
Avalonia基础学习详细
qq_58159494的博客
07-15 936
AvaloniaUI是一个基于.NET的跨平台UI框架，允许开发人员使用单个.NET代码库来构建跨平台的应用程序。
WPF vs Avalonia: 跨入C#桌面应用现代化的大门
java专栏
06-27 943
请注意，这只是一个目录，详细内容将根据这个结构逐步展开。如果您需要某个特定部分的详细内容，请告知我，我将为您提供深入的解析和示例代码。WPF，全称Windows Presentation Foundation，是微软为Windows平台量身打造的UI框架。自2006年发布以来，它就像一位经验丰富的老船长，引领着桌面应用的航船在技术的海洋中乘风破浪。Avalonia，一个新兴的跨平台UI框架，它像一位年轻的探险家，勇敢地探索着桌面应用的新世界。
oxyplot-avalonia：.NET的跨平台绘图库。 该软件包针对Avalonia应用
02-05
OxyPlot.Avalonia 是.NET的绘图库。 该针对Avalonia应用。 dotnet add package OxyPlot.Avalonia 用法 要使用该库，请将以下内容添加到您的App.xaml ： < Application xmlns = " ...
Ursa.Avalonia-main
06-24
1、GitHub地址：Ursa.Avalonia-main 2、GitHub访问不方便的可以下载我的。
awesome-avalonia：Avalonia项目的有趣库和工具的集合
02-05
在实际使用"awesome-avalonia"时，开发者可以根据自己的需求选择合适的库和工具，通过阅读源码、跟随教程，甚至参与到开源项目中，不断学习和提升Avalonia开发技能。同时，不要忘记关注Avalonia的最新动态，因为这个...
编程学习之路：从零到一的成长指南
KsuferNotes
07-22 115
在当今数字化时代，编程技能已经成为许多人职业发展的重要组成部分。不论你是已经在IT业从业多年的老手，还是刚刚起步的编程新手，这篇博客将带你走过编程学习的每一个重要阶段，从而顺利完成从零到一的华丽转变。
kubernetes学习日志（七）
qq_47037022的博客
07-18 602
本文记录了service管理，ingress管理，Dashboard管理插件，集群鉴权策略，角色与全局角色，赋权与全局角色赋权。
学习测试10-3自动化 web自动化
最新发布
qq_44897733的博客
07-22 366
链接: https://pan.baidu.com/s/1QnGEAeP4ASMgdBYbAtSUTg?pwd=8sdd 提取码: 8sdd。性别、生日、出生地、居住地、情感状态、交友目的、血型。复制这段内容后打开百度网盘手机App，操作更方便哦。2、输入用户名，密码，（使用id属性）4、所有信息后的下拉框设置为保密。论坛系统课堂及其课后练习题库。3、基本资料栏位依次输入内容。三、单个注册与连续注册多个。4、实现连续注册10个账号。二、设置用户的真实姓名。
纯前端小游戏，4096小游戏，有音效，Html5，可学习使用
m0_62996549的博客
07-18 457
【代码】纯前端小游戏，4096小游戏，有音效，Html5，可学习使用。
昇思25天学习打卡营第16天|munger85
MungerVC
07-20 422
MobileNet网络是由Google团队于2017年提出的专注于移动端、嵌入式或IoT设备的轻量级CNN网络，相比于传统的卷积神经网络首先安装依赖下载数据。
从0开始的STM32HAL库学习6
hwq_1229_0525的博客
07-21 227
配置红色框图中的各种配置时钟源选择外部时钟 21.预分频器Prescaler，下面填0，不分频2.计数模式，计数模式选择为向上计数3.自动重装寄存器，自动重装计数器填为10，计数到10后清空并出发中断4.滤波器的频率分频：不使用影子寄存器。
huawei USG6001v1学习--防火墙相关知识（1）
m0_65350813的博客
07-19 409
防火墙主要是借助硬件和软件的作用于内部和外部网络的环境间产生一种保护的屏障，从而实现对计算机不安全网络因素的阻断。
javaScrip的学习（一）
weixin_65450681的博客
07-19 1256
这篇文章让我们简单来了解一下js，那么什么是js?JavaScript（简称JS）是一种高级编程语言，主要用于为网页添加交互功能。它可以嵌入到HTML页面中，通过对DOM（文档对象模型）的操作来实现动态效果和用户交互。JavaScript由Netscape公司的Brendan Eich于1995年创造，最初是为了增强HTML页面的功能性。随着时间的推移，JavaScript逐渐演变成一种通用的编程语言，可以在浏览器以外的环境中运行，例如服务器端的Node.js。
《书生大模型实战营第3期》入门岛 学习笔记与作业：Python 基础知识
shiter编写程序的艺术
07-21 688
python开发简介：【集成开发环境 IDE】python开发简介：【Conda，Pip】虚环境搭建、配置python开发简介：【jupyter notebook】实战配置python开发简介： 编码规范与工程基础实践使用 jupyter hub /lab搭建机器学习工作台使用跨平台的visual studio code 进行python 开发（综合内容老版本）python 开发环境搭建（综合内容老版本）其实Python 的环境配置在所有编程技术栈中是相对简单的，由于conda，pip 的存在。
avalonia学习
04-13
Avalonia是一个**跨平台的UI框架，用于创建桌面应用程序**。 以下是一些关于Avalonia的基本信息和学习资源： 1. **什么是Avalonia？**：Avalonia是一个基于WPF XAML的开源UI框架，它允许开发者使用.NET构建跨平台的桌面应用程序。Avalonia支持多种操作系统，包括Windows、Linux和macOS。 2. **准备工作**：在开始使用Avalonia之前，你需要安装相应的开发环境，并配置项目。这通常包括安装.NET SDK和Avalonia工具包。 3. **创建第一个Avalonia应用程序**：你可以通过官方文档或相关教程来创建你的第一个Avalonia应用，这将帮助你理解基本的应用程序结构和开发流程。 4. **XAML基础**：XAML是一种用于定义用户界面的语言，你可以学习如何使用XAML来创建界面布局和实现数据绑定。 5. **控件和样式**：Avalonia提供了丰富的控件库，你可以学习如何使用这些控件以及如何通过样式和模板来自定义它们的外观。 6. **MVVM模式**：MVVM（Model-View-ViewModel）是一种设计模式，用于分离应用程序的业务逻辑和界面表示。学习MVVM将有助于你构建可维护和可测试的应用程序。 7. **导航和多窗口**：了解如何在Avalonia中进行窗口导航和管理多个窗口，这对于构建复杂的桌面应用程序非常重要。 8. **打包和发布应用程序**：最后，你需要学习如何将你的Avalonia应用程序打包和发布，以便用户可以在他们的计算机上安装和使用你的应用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值