feat: basic ProgressBar.

Author: zdpcdt

src/Client.Avalonia/ViewModels/MainWindowViewModel.cs

@@ -1,6 +1,75 @@
-namespace Client.Avalonia.ViewModels;
+using System;
+using System.ComponentModel;
+using Avalonia.Threading;
+using CommunityToolkit.Mvvm.ComponentModel;
+
+namespace Client.Avalonia.ViewModels;
 
 public partial class MainWindowViewModel : ViewModelBase
 {
-    public string Greeting { get; } = "Welcome to Avalonia!";
+    [ObservableProperty] private DownloadStatistics _statistics;
+    [ObservableProperty] private bool _isCompleted;
+    private readonly DispatcherTimer _timer;
+
+    public MainWindowViewModel()
+    {
+        Statistics = new DownloadStatistics
+        {
+            Version = "1.0.0",
+            Speed = "1MB/s",
+            Remaining = TimeSpan.Zero,
+            TotalBytesToReceive = 1024 * 1024 * 10,
+            BytesReceived = 1024 * 1024 * 0,
+            ProgressPercentage = 0
+        };
+
+        _timer = new DispatcherTimer
+        {
+            Interval = TimeSpan.FromMilliseconds(1000)
+        };
+        _timer.Tick += UpdateProgress;
+        _timer.Start();
+    }
+
+    private void UpdateProgress(object? sender, EventArgs e)
+    {
+        if (Statistics.BytesReceived < Statistics.TotalBytesToReceive)
+        {
+            Statistics.BytesReceived += 1024 * 1024;
+            Statistics.ProgressPercentage =
+                (double)Statistics.BytesReceived / Statistics.TotalBytesToReceive * 100;
+
+            Statistics.Remaining = TimeSpan.FromSeconds(
+                (Statistics.TotalBytesToReceive - Statistics.BytesReceived) / (1024 * 1024));
+
+            OnPropertyChanged(nameof(Statistics));
+
+            if (Statistics.BytesReceived >= Statistics.TotalBytesToReceive)
+            {
+                _timer.Stop();
+                IsCompleted = true;
+            }
+        }
+    }
+}
+
+public partial class DownloadStatistics : ObservableObject
+{
+    [ObservableProperty] [Description("当前下载版本")]
+    private object? _version;
+
+    [ObservableProperty] [Description("下载速度")]
+    private string? _speed;
+
+    [ObservableProperty] [Description("剩余下载时间")]
+    private TimeSpan _remaining;
+
+    [ObservableProperty] [Description("已下载大小")]
+    private long _totalBytesToReceive;
+
+    [ObservableProperty] [Description("总大小")]
+    private long _bytesReceived;
+
+    [ObservableProperty] [Description("进度百分比")]
+    private double _progressPercentage;
 }

src/Client.Avalonia/Views/MainWindow.axaml

@@ -12,7 +12,37 @@
     <Design.DataContext>
         <vm:MainWindowViewModel />
     </Design.DataContext>
+    <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center" Spacing="10">
+        <SelectableTextBlock
+            HorizontalAlignment="Center"
+            FontSize="20"
+            FontWeight="Bold"
+            Text="版本更新中..." />
 
-    <TextBlock Text="{Binding Greeting}" HorizontalAlignment="Center" VerticalAlignment="Center" />
+        <ProgressBar
+            Width="400"
+            ShowProgressText="True"
+            Classes.Success="{Binding IsCompleted}"
+            Value="{Binding Statistics.ProgressPercentage}">
+            <ProgressBar.Styles>
+                <Style Selector="ProgressBar">
+                    <Setter Property="Transitions">
+                        <Transitions>
+                            <DoubleTransition Easing="CubicEaseInOut" Property="Value" Duration="0:0:0.3" />
+                            <BrushTransition Property="Foreground" Duration="0:0:0.3" />
+                        </Transitions>
+                    </Setter>
+                </Style>
+            </ProgressBar.Styles>
+        </ProgressBar>
 
+        <StackPanel Spacing="5">
+            <SelectableTextBlock Text="{Binding Statistics.Version}" FontWeight="Bold" FontSize="16" />
+            <SelectableTextBlock Text="{Binding Statistics.Speed, StringFormat='下载速度: {0}'}" />
+            <SelectableTextBlock Text="{Binding Statistics.Remaining, StringFormat='剩余时间: {0:mm\\:ss}'}" />
+            <SelectableTextBlock Text="{Binding Statistics.BytesReceived, StringFormat='已下载: {0:N0} bytes'}" />
+            <SelectableTextBlock Text="{Binding Statistics.TotalBytesToReceive, StringFormat='总大小: {0:N0} bytes'}" />
+            <SelectableTextBlock Text="{Binding Statistics.ProgressPercentage, StringFormat='下载进度: {0:F2}%'}" />
+        </StackPanel>
+    </StackPanel>
 </Window>