网站开发人员篡改客户数据,广西网红,小程序搭建系统,wordpress模板上传ProgressBar 是一种用于指示进程或任务的进度的控件#xff0c;通常在图形用户界面#xff08;GUI#xff09;中使用。它提供了一种视觉反馈#xff0c;显示任务的完成程度#xff0c;帮助用户了解任务的进展情况。
基本特性 Minimum 和 Maximum 属性#xff1a; 这些属…ProgressBar 是一种用于指示进程或任务的进度的控件通常在图形用户界面GUI中使用。它提供了一种视觉反馈显示任务的完成程度帮助用户了解任务的进展情况。
基本特性 Minimum 和 Maximum 属性 这些属性定义进度的范围。默认情况下Minimum 为 0Maximum 为 100。 Value 属性 这个属性表示当前进度。它应该在 Minimum 和 Maximum 之间。 IsIndeterminate 属性 如果设置为 TrueProgressBar 将显示一个动画条而不是实际的进度值。这通常用于无法确定进度百分比的任务。
示例自定义渐变色 ProgressBar 1. 定义渐变色 ProgressBar 样式
在资源字典或窗口资源中定义 ProgressBar 的样式 Style x:KeyRoundedProgressBar TargetTypeProgressBarSetter PropertyHeight Value28/Setter!--Setter PropertyWidth Value600/Setter--Setter PropertyForeground Value#E6E6E6/SetterSetter PropertyTemplateSetter.ValueControlTemplate TargetTypeProgressBarGridBorder x:NamePART_TrackBackground#404040CornerRadius7BorderBrush#666BorderThickness1Border x:NamePART_IndicatorCornerRadius7,0,0,7HorizontalAlignmentLeftWidth0Border.BackgroundLinearGradientBrush StartPoint0,0 EndPoint1,0GradientStop Color#FF669FB1 Offset1.0 /GradientStop Color#90669FB3 Offset0.5 /GradientStop Color#A6669FB1 Offset0.35 /GradientStop Color#00669FB1 Offset0.0 //LinearGradientBrush/Border.Background/Border/Border/GridControlTemplate.TriggersTrigger PropertyIsIndeterminate ValueTrueSetter TargetNamePART_Indicator PropertyBackground ValueGreen//TriggerTrigger PropertyIsIndeterminate ValueFalse!--Setter TargetNamePART_Indicator PropertyWidth Value{Binding RelativeSource{RelativeSource TemplatedParent}, PathActualWidth, Converter{StaticResource ProgressWidthConverter}}/--/Trigger/ControlTemplate.Triggers/ControlTemplate/Setter.Value/Setter/Style
2. 在 XAML 中使用 ProgressBar 控件 Grid ProgressBar Style{StaticResource RoundedProgressBar} HorizontalAlignmentStretch Value{Binding ProgressValue} Minimum0 Maximum100 /TextBlock TextAlignmentCenter Foreground#E6E6E6 VerticalAlignmentCenter Run Text{Binding ProgressValue}/RunRun%/Run/TextBlock/Grid
3. ViewModel
ViewModel 中定义一个绑定到 ProgressBar 的属性ProgressValue [ObservableProperty]private int _progressValue 0;
4.渐变色颜色解析
设置颜色与透明度关系 在 WPF 中颜色的透明度是通过 ARGB (Alpha, Red, Green, Blue) 值表示的其中 Alpha 值控制透明度。Alpha 值范围是 0 到 255其中 0 表示完全透明255 表示完全不透明。
如果你想要 35% 的透明度你可以计算相应的 Alpha 值。35% 透明度意味着 65% 不透明度因此你可以使用以下公式来计算 Alpha 值
Alpha255×65100255×0.65≈166\text{Alpha} 255 \times \frac{65}{100} 255 \times 0.65 \approx 166Alpha255×10065255×0.65≈166
因此Alpha 值大约是 166对应的十六进制值是 A6。
所以对应的颜色值为#A6669FB1。
最终结果如下
