XFEstudio/MyFirstRespo / XFEToolBox/Views/Pages/DownloadInfoPage.xaml

<Page x:Class="XFEToolBox.Views.Pages.DownloadInfoPage"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
      xmlns:viewmodel="clr-namespace:XFEToolBox.ViewModel.Pages"
      xmlns:ctr="clr-namespace:XFEToolBox.Views.Controls"
      xmlns:local="clr-namespace:XFEToolBox.Views.Pages"
      mc:Ignorable="d" 
      d:DataContext="{d:DesignInstance Type=viewmodel:DownloadInfoPageViewModel}"
      d:DesignHeight="450" d:DesignWidth="800"
      Title="DownloadInfoPage" Background="#1e1e1e">
    <Grid>
        <Image Source="/Resources/Image/DownloadImage/steam_logo.png">
            <Image.Effect>
                <BlurEffect Radius="100" KernelType="Gaussian"/>
            </Image.Effect>
        </Image>
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <Grid Margin="20,10,0,0">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="50"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                <Image Source="/Resources/Image/DownloadImage/steam_logo.png"/>
                <TextBlock Grid.Column="1" Text="{Binding AppTitle,StringFormat='软件名称:{0}'}" Foreground="White" FontSize="20" FontWeight="Bold" TextTrimming="CharacterEllipsis" VerticalAlignment="Center" Margin="10,0,0,0"/>
            </Grid>
            <Grid x:Name="bottomGrid" Grid.Row="1" Height="300" VerticalAlignment="Bottom">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="3*"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                <Border Grid.ColumnSpan="3" CornerRadius="15,15,0,0" Background="White" Opacity="0.8"/>
                <ctr:RoundButton Grid.Column="1" VerticalAlignment="Center" HorizontalAlignment="Stretch" Command="{Binding DownloadClickCommand}">
                    <TextBlock Text="{Binding DownloadButtonName}" Foreground="{DynamicResource MainColor}" FontSize="25" Margin="0,10" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                </ctr:RoundButton>
                <Canvas Grid.ColumnSpan="3" Width="200" Height="200" HorizontalAlignment="Center" VerticalAlignment="Center">
                    <!-- Path 用于绘制圆环 -->
                    <Path Stroke="Blue" StrokeThickness="10">
                        <Path.Data>
                            <PathGeometry>
                                <PathFigure StartPoint="100,50">
                                    <!-- ArcSegment 动态绘制圆弧 -->
                                    <ArcSegment x:Name="arcSegment"
                                        Size="100,100"
                                        SweepDirection="Clockwise"
                                        IsLargeArc="False"
                                        Point="200,100" />
                                </PathFigure>
                            </PathGeometry>
                        </Path.Data>
                    </Path>
                </Canvas>
            </Grid>
        </Grid>
    </Grid>
</Page>