WPF 控件专题 ProgressBar控件详解

最新推荐文章于 2024-04-02 03:45:00 发布

^@^lemon tea^@^

最新推荐文章于 2024-04-02 03:45:00 发布

阅读量5.5k

点赞数 3

分类专栏： # WPF 控件专题文章标签： wpf WPF ProgressBar ProgressBar ProgressBar控件详解

本文链接：https://blog.csdn.net/BYH371256/article/details/125441759

版权

WPF 控件专题专栏收录该内容

53 篇文章 88 订阅

订阅专栏

1、ProgressBar 介绍

ProgressBar：进度条控件。

WPF带有一个方便的控件用于显示进度，称ProgressBar。它的工作原理就是设置最小值和最大值然后通过递增一个值，这样就可以直观的显示当前进度情况。

**************************************************************************************************************

2、常用属性介绍

   Background：背景色；   BorderBrush：边框背景颜色；   BorderThickness：边框宽度；

   Foreground：前景色；   Width/Height：宽度/高度；   Visibility：可见性。

   FlowDirection：文本和其他用户界面 (UI) 元素在控制其布局的任何父元素内流动的方向。

   HorizontalAlignment/VerticalAlignment：在父元素中组合此元素时所应用的水平对齐特征/垂直对齐特征。

   HorizontalContentAlignment/VerticalContentAlignment：控件内容的水平对齐方式/垂直对齐方式。

   LayoutTransform：在执行布局时应该应用于此元素的图形转换方式。

   Margin：元素的外边距；   Maximun/MiniMun：元素控件范围最大值和最小值；

   Name：元素标识名称；   Opacity：透明度；

   Orientation：ProgressBar的方向：水平或垂直；

   RenderTransform：获取或设置影响此元素的呈现位置的转换信息。

   RenderTransformOrigin：获取或设置由 RenderTransform 声明的任何可能呈现转换的中心点，相对于元素的边界。

   Value：ProgressBar控件的当前数量。

**************************************************************************************************************

3、具体代码示例

<WrapPanel Orientation="Vertical">
	<ProgressBar x:Name="prbar0" Margin="20" Width="250" Value="50" Height="10" />
	
	<ProgressBar x:Name="prbar1" Margin="20" Width="250" Value="50" Height="10" BorderBrush="OrangeRed" BorderThickness="1" Background="DimGray" 
				  Maximum="100">
	</ProgressBar>
	<TextBlock Margin="20 0" Foreground="#dddddd">
		<Run >prbar1 的Vaule值：</Run>
		<Run Text="{Binding ElementName=prbar1, Path=Value}"/>
	</TextBlock>

	<ProgressBar x:Name="prbar2" Margin="20" Width="250" Value="50" Height="10" BorderBrush="OrangeRed" BorderThickness="1" Background="DimGray" 
				  FlowDirection="RightToLeft" Maximum="100">
	</ProgressBar>
	<TextBlock Margin="20 0" Foreground="#dddddd">
		<Run >prbar2 的Vaule值：</Run>
		<Run Text="{Binding ElementName=prbar2, Path=Value}"/>
	</TextBlock>

	<ProgressBar x:Name="prbar3" Margin="10" Width="10" Value="50" Height="120"  
				  Orientation="Vertical" FlowDirection="RightToLeft" Maximum="150">
	</ProgressBar>
	<TextBlock Foreground="#dddddd">
		<Run >prbar3 的Vaule值：</Run>
		<Run Text="{Binding ElementName=prbar3, Path=Value}"/>
	</TextBlock>

	<Button Margin="10" Content="进度开始" Height="30" Click="Button_Click"/>
</WrapPanel>

后台模拟进度显示

private void Button_Click(object sender, RoutedEventArgs e)
{
	Task.Run(() =>
	{
		for (int i = 0; i <= 100; i = i+5)
		{
			Application.Current.Dispatcher.BeginInvoke(new Action(() =>
			{
				prbar0.Value = i;
				prbar1.Value = i;
				prbar2.Value = i;
				prbar3.Value = i;
			}));
			System.Threading.Thread.Sleep(500);
		}
	});
}

**************************************************************************************************************

4、效果图