WPF弄一个进度条

wang2006zhi

CAD自带的进度条不够酷炫，这个可以给你灵感

2. 前端：
   
3. <Window x:Class="HTJ.Views.ProgressView"
   
4.         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   
5.         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   
6.         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
   
7.         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
   
8.         xmlns:local="clr-namespace:HTJ.Views"
   
9.         mc:Ignorable="d"
   
10.         Title="处理进度"
    
11.         Height="200"
    
12.         Width="500"
    
13.         WindowStyle="None"
    
14.         AllowsTransparency="True"
    
15.         Background="Transparent"
    
16.         WindowStartupLocation="CenterScreen"
    
17.         Topmost="True" >
    
18.     <Window.Resources>
    
19.         <!-- 渐变画笔 -->
    
20.         <LinearGradientBrush x:Key="PrimaryGradient" StartPoint="0,0" EndPoint="1,1">
    
21.             <GradientStop Color="#667eea" Offset="0"/>
    
22.             <GradientStop Color="#764ba2" Offset="1"/>
    
23.         </LinearGradientBrush>
    
24.         
    
25.         <LinearGradientBrush x:Key="ProgressGradient" StartPoint="0,0" EndPoint="1,0">
    
26.             <GradientStop Color="#f093fb" Offset="0"/>
    
27.             <GradientStop Color="#f5576c" Offset="1"/>
    
28.         </LinearGradientBrush>
    
29. 
    
30.         <!-- 阴影效果 -->
    
31.         <DropShadowEffect x:Key="ShadowEffect"
    
32.                          ShadowDepth="0"
    
33.                          BlurRadius="20"
    
34.                          Color="#40000000"
    
35.                          Opacity="0.6"/>
    
36.         
    
37.         <!-- 动画 -->
    
38.         <Storyboard x:Key="PulseAnimation" RepeatBehavior="Forever">
    
39.             <DoubleAnimation Storyboard.TargetProperty="Opacity"
    
40.                            From="0.7" To="1.0" Duration="0:0:1"
    
41.                            AutoReverse="True"/>
    
42.         </Storyboard>
    
43.         
    
44.         <Storyboard x:Key="SlideInAnimation">
    
45.             <ThicknessAnimation Storyboard.TargetProperty="Margin"
    
46.                               From="0,-50,0,0" To="0,0,0,0"
    
47.                               Duration="0:0:0.5"
    
48.                               DecelerationRatio="0.7"/>
    
49.             <DoubleAnimation Storyboard.TargetProperty="Opacity"
    
50.                            From="0" To="1" Duration="0:0:0.3"/>
    
51.         </Storyboard>
    
52. 
    
53.         <!-- 进度条光泽效果 -->
    
54.         <LinearGradientBrush x:Key="ProgressGlowBrush" StartPoint="0,0" EndPoint="0,1">
    
55.             <GradientStop Color="#80FFFFFF" Offset="0.0"/>
    
56.             <GradientStop Color="#00FFFFFF" Offset="0.3"/>
    
57.             <GradientStop Color="#00FFFFFF" Offset="0.7"/>
    
58.             <GradientStop Color="#40FFFFFF" Offset="1.0"/>
    
59.         </LinearGradientBrush>
    
60.     </Window.Resources>
    
61.    
    
62.     <!-- 窗口级别的事件触发器 -->
    
63.     <Window.Triggers>
    
64.         <EventTrigger RoutedEvent="Window.Loaded">
    
65.             <BeginStoryboard Storyboard="{StaticResource SlideInAnimation}"/>
    
66.         </EventTrigger>
    
67.     </Window.Triggers>
    
68.    
    
69.     <!-- 主容器 -->
    
70.     <Border Background="{StaticResource PrimaryGradient}"
    
71.             CornerRadius="15"
    
72.             Margin="10"
    
73.             Effect="{StaticResource ShadowEffect}">
    
74.         
    
75.         <Grid Margin="20">
    
76.             <Grid.RowDefinitions>
    
77.                 <RowDefinition Height="Auto"/>
    
78.                 <RowDefinition Height="*"/>
    
79.                 <RowDefinition Height="Auto"/>
    
80.                 <RowDefinition Height="Auto"/>
    
81.             </Grid.RowDefinitions>
    
82.             
    
83.             <!-- 标题栏 -->
    
84.             <Grid Grid.Row="0">
    
85.                 <Grid.ColumnDefinitions>
    
86.                     <ColumnDefinition Width="*"/>
    
87.                     <ColumnDefinition Width="Auto"/>
    
88.                 </Grid.ColumnDefinitions>
    
89.                
    
90.                 <TextBlock Text="图层处理进度"
    
91.                          FontSize="16"
    
92.                          FontWeight="Bold"
    
93.                          Foreground="White"
    
94.                          VerticalAlignment="Center"/>
    
95.                
    
96.                 <!-- 关闭按钮 -->
    
97.                 <Button x:Name="BtnClose"
    
98.                         Grid.Column="1"
    
99.                         Content="&#10005;"
    
100.                         Width="25"
     
101.                         Height="25"
     
102.                         Background="Transparent"
     
103.                         BorderBrush="Transparent"
     
104.                         Foreground="White"
     
105.                         FontSize="12"
     
106.                         FontWeight="Bold"
     
107.                         Click="btnClose_Click"
     
108.                         Cursor="Hand">
     
109.                     <Button.Style>
     
110.                         <Style TargetType="Button">
     
111.                             <Setter Property="Opacity" Value="0.7"/>
     
112.                             <Style.Triggers>
     
113.                                 <Trigger Property="IsMouseOver" Value="True">
     
114.                                     <Setter Property="Opacity" Value="1"/>
     
115.                                     <Setter Property="Background" Value="#20FFFFFF"/>
     
116.                                 </Trigger>
     
117.                             </Style.Triggers>
     
118.                         </Style>
     
119.                     </Button.Style>
     
120.                 </Button>
     
121.             </Grid>
     
122.             
     
123.             <!-- 当前任务 -->
     
124.             <TextBlock x:Name="TxtCurrentTask"
     
125.                      Grid.Row="1"
     
126.                      Text="正在初始化..."
     
127.                      FontSize="12"
     
128.                      Foreground="#E0FFFFFF"
     
129.                      Margin="0,10,0,5"
     
130.                      TextWrapping="Wrap"/>
     
131.             
     
132.             <!-- 进度条区域 -->
     
133.             <Border Grid.Row="2"
     
134.                     Background="#20FFFFFF"
     
135.                     CornerRadius="10"
     
136.                     Height="20"
     
137.                     Margin="0,5,0,0">
     
138.                
     
139.                 <!-- 进度条背景 -->
     
140.                 <Grid>
     
141.                     <!-- 进度条填充 -->
     
142.                     <Border x:Name="ProgressBar"
     
143.                             HorizontalAlignment="Left"
     
144.                             Background="{StaticResource ProgressGradient}"
     
145.                             CornerRadius="8"
     
146.                             Width="0"
     
147.                             Height="16"
     
148.                             Margin="2">
     
149.                         
     
150.                         <!-- 进度条光泽效果 -->
     
151.                         <Border Background="{StaticResource ProgressGlowBrush}"
     
152.                                 CornerRadius="8"/>
     
153.                     </Border>
     
154.                 </Grid>
     
155.             </Border>
     
156.             
     
157.             <!-- 进度文本和时间 -->
     
158.             <Grid Grid.Row="3" Margin="0,10,0,0">
     
159.                 <Grid.ColumnDefinitions>
     
160.                     <ColumnDefinition Width="*"/>
     
161.                     <ColumnDefinition Width="Auto"/>
     
162.                 </Grid.ColumnDefinitions>
     
163.                
     
164.                 <TextBlock x:Name="TxtProgress"
     
165.                          Text="0%"
     
166.                          FontSize="11"
     
167.                          Foreground="White"
     
168.                          FontWeight="SemiBold"/>
     
169.                
     
170.                 <TextBlock x:Name="TxtTimeRemaining"
     
171.                          Grid.Column="1"
     
172.                          Text="预计剩余: --"
     
173.                          FontSize="10"
     
174.                          Foreground="#C0FFFFFF"/>
     
175.             </Grid>
     
176.         </Grid>
     
177.     </Border>
     
178. </Window>

前端：<br /> <Window x:Class="HTJ.Views.ProgressView"<br />         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"<br />         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"<br />         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"<br />         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"<br />         xmlns:local="clr-namespace:HTJ.Views"<br />         mc:Ignorable="d"<br />         Title="处理进度" <br />         Height="200" <br />         Width="500"<br />         WindowStyle="None"<br />         AllowsTransparency="True"<br />         Background="Transparent"<br />         WindowStartupLocation="CenterScreen"<br />         Topmost="True" ><br />     <Window.Resources><br />         <!-- 渐变画笔 --><br />         <LinearGradientBrush x:Key="PrimaryGradient" StartPoint="0,0" EndPoint="1,1"><br />             <GradientStop Color="#667eea" Offset="0"/><br />             <GradientStop Color="#764ba2" Offset="1"/><br />         </LinearGradientBrush><br />         <br />         <LinearGradientBrush x:Key="ProgressGradient" StartPoint="0,0" EndPoint="1,0"><br />             <GradientStop Color="#f093fb" Offset="0"/><br />             <GradientStop Color="#f5576c" Offset="1"/><br />         </LinearGradientBrush><br /> <br />         <!-- 阴影效果 --><br />         <DropShadowEffect x:Key="ShadowEffect" <br />                          ShadowDepth="0" <br />                          BlurRadius="20" <br />                          Color="#40000000"<br />                          Opacity="0.6"/><br />         <br />         <!-- 动画 --><br />         <Storyboard x:Key="PulseAnimation" RepeatBehavior="Forever"><br />             <DoubleAnimation Storyboard.TargetProperty="Opacity"<br />                            From="0.7" To="1.0" Duration="0:0:1"<br />                            AutoReverse="True"/><br />         </Storyboard><br />         <br />         <Storyboard x:Key="SlideInAnimation"><br />             <ThicknessAnimation Storyboard.TargetProperty="Margin"<br />                               From="0,-50,0,0" To="0,0,0,0" <br />                               Duration="0:0:0.5"<br />                               DecelerationRatio="0.7"/><br />             <DoubleAnimation Storyboard.TargetProperty="Opacity"<br />                            From="0" To="1" Duration="0:0:0.3"/><br />         </Storyboard><br /> <br />         <!-- 进度条光泽效果 --><br />         <LinearGradientBrush x:Key="ProgressGlowBrush" StartPoint="0,0" EndPoint="0,1"><br />             <GradientStop Color="#80FFFFFF" Offset="0.0"/><br />             <GradientStop Color="#00FFFFFF" Offset="0.3"/><br />             <GradientStop Color="#00FFFFFF" Offset="0.7"/><br />             <GradientStop Color="#40FFFFFF" Offset="1.0"/><br />         </LinearGradientBrush><br />     </Window.Resources><br />     <br />     <!-- 窗口级别的事件触发器 --><br />     <Window.Triggers><br />         <EventTrigger RoutedEvent="Window.Loaded"><br />             <BeginStoryboard Storyboard="{StaticResource SlideInAnimation}"/><br />         </EventTrigger><br />     </Window.Triggers><br />     <br />     <!-- 主容器 --><br />     <Border Background="{StaticResource PrimaryGradient}" <br />             CornerRadius="15" <br />             Margin="10"<br />             Effect="{StaticResource ShadowEffect}"><br />         <br />         <Grid Margin="20"><br />             <Grid.RowDefinitions><br />                 <RowDefinition Height="Auto"/><br />                 <RowDefinition Height="*"/><br />                 <RowDefinition Height="Auto"/><br />                 <RowDefinition Height="Auto"/><br />             </Grid.RowDefinitions><br />             <br />             <!-- 标题栏 --><br />             <Grid Grid.Row="0"><br />                 <Grid.ColumnDefinitions><br />                     <ColumnDefinition Width="*"/><br />                     <ColumnDefinition Width="Auto"/><br />                 </Grid.ColumnDefinitions><br />                 <br />                 <TextBlock Text="图层处理进度" <br />                          FontSize="16" <br />                          FontWeight="Bold" <br />                          Foreground="White"<br />                          VerticalAlignment="Center"/><br />                 <br />                 <!-- 关闭按钮 --><br />                 <Button x:Name="BtnClose" <br />                         Grid.Column="1"<br />                         Content="&#10005;" <br />                         Width="25" <br />                         Height="25"<br />                         Background="Transparent"<br />                         BorderBrush="Transparent"<br />                         Foreground="White"<br />                         FontSize="12"<br />                         FontWeight="Bold"<br />                         Click="btnClose_Click"<br />                         Cursor="Hand"><br />                     <Button.Style><br />                         <Style TargetType="Button"><br />                             <Setter Property="Opacity" Value="0.7"/><br />                             <Style.Triggers><br />                                 <Trigger Property="IsMouseOver" Value="True"><br />                                     <Setter Property="Opacity" Value="1"/><br />                                     <Setter Property="Background" Value="#20FFFFFF"/><br />                                 </Trigger><br />                             </Style.Triggers><br />                         </Style><br />                     </Button.Style><br />                 </Button><br />             </Grid><br />             <br />             <!-- 当前任务 --><br />             <TextBlock x:Name="TxtCurrentTask" <br />                      Grid.Row="1"<br />                      Text="正在初始化..." <br />                      FontSize="12" <br />                      Foreground="#E0FFFFFF"<br />                      Margin="0,10,0,5"<br />                      TextWrapping="Wrap"/><br />             <br />             <!-- 进度条区域 --><br />             <Border Grid.Row="2" <br />                     Background="#20FFFFFF" <br />                     CornerRadius="10" <br />                     Height="20"<br />                     Margin="0,5,0,0"><br />                 <br />                 <!-- 进度条背景 --><br />                 <Grid><br />                     <!-- 进度条填充 --><br />                     <Border x:Name="ProgressBar" <br />                             HorizontalAlignment="Left"<br />                             Background="{StaticResource ProgressGradient}" <br />                             CornerRadius="8"<br />                             Width="0" <br />                             Height="16"<br />                             Margin="2"><br />                         <br />                         <!-- 进度条光泽效果 --><br />                         <Border Background="{StaticResource ProgressGlowBrush}" <br />                                 CornerRadius="8"/><br />                     </Border><br />                 </Grid><br />             </Border><br />             <br />             <!-- 进度文本和时间 --><br />             <Grid Grid.Row="3" Margin="0,10,0,0"><br />                 <Grid.ColumnDefinitions><br />                     <ColumnDefinition Width="*"/><br />                     <ColumnDefinition Width="Auto"/><br />                 </Grid.ColumnDefinitions><br />                 <br />                 <TextBlock x:Name="TxtProgress" <br />                          Text="0%"<br />                          FontSize="11" <br />                          Foreground="White"<br />                          FontWeight="SemiBold"/><br />                 <br />                 <TextBlock x:Name="TxtTimeRemaining" <br />                          Grid.Column="1"<br />                          Text="预计剩余: --"<br />                          FontSize="10" <br />                          Foreground="#C0FFFFFF"/><br />             </Grid><br />         </Grid><br />     </Border><br /> </Window>

lxl304712346

可以。很漂亮！！！

王阿非

相当可以，wpf刚开始学，做出来的空间都很丑

qifeifei

哇塞 很炫酷

zhoupeng220

相 当 哇 塞

tranque

太酷啦 相 当 哇 塞

yanshengjiang

漂亮，可以被lsp调用吗

Bao_lai

驱动文件也发一下，就可以愉快的玩耍了。