进度显示界面#xff1a;使用UserControl把ProgressBar和进度值以及要显示的内容全部组装在UserControl界面中#xff0c;方便其他界面直接进行使用。

UserControl

x:ClassDefProcessBarDemo…本文讲述WPF

进度显示界面使用UserControl把ProgressBar和进度值以及要显示的内容全部组装在UserControl界面中方便其他界面直接进行使用。

UserControl

x:ClassDefProcessBarDemo.DefProcessBarxmlnshttp://schemas.microsoft.com/winfx/2006/xaml/presentationxmlns:xhttp://schemas.microsoft.com/winfx/2006/xamlxmlns:mchttp://schemas.openxmlformats.org/markup-compatibility/2006xmlns:dhttp://schemas.microsoft.com/expression/blend/2008xmlns:localclr-namespace:DefProcessBarDemomc:Ignorabledx:NameMyWatingViewControlUserControl.BackgroundVisualBrushVisualBrush.VisualBorder

x:NameControlBackgroundBackgroundBlackOpacity0.45

//VisualBrush.Visual/VisualBrush/UserControl.BackgroundViewbox

x:NamemyViewBoxStretchUniformToFillStretchDirectionDownOnlyUseLayoutRoundingTrueGrid

Margin0

0HorizontalAlignmentCenterVerticalAlignmentCenterMouseDownImage_MouseDownBorder

CornerRadius5SnapsToDevicePixelsTrueBorder.EffectDropShadowEffect

Color#000000BlurRadius10ShadowDepth3Opacity0.35Direction270

Background#4a4a4aCornerRadius5Margin5BorderBrush#9196a0BorderThickness1SnapsToDevicePixelsTrueGrid

Width500Height150Grid.RowDefinitionsRowDefinition

Heightauto

NameCloseIcoWidth25Height25Margin0,0,0,0MouseDownImage_MouseDownHorizontalAlignmentRightVerticalAlignmentTop

/StackPanel

Grid.Row1OrientationHorizontalHorizontalAlignmentCenterTextBlock

Text{Binding

Message,ElementNameMyWatingViewControl}FontSize18ForegroundYellowTextWrappingWrapWithOverflowTextTrimmingCharacterEllipsisMaxWidth450VerticalAlignmentBottom

/TextBlock

Text(FontSize18ForegroundYellowVerticalAlignmentBottom

/TextBlock

StringFormat{}{0:0}%}FontSize18ForegroundYellowFontFamily楷体VerticalAlignmentBottom

/TextBlock

Text)FontSize18ForegroundYellowVerticalAlignmentBottom

//StackPanelGrid

Grid.Row2HorizontalAlignmentCenterVerticalAlignmentTopMargin0

10ProgressBar

x:NameprogressBarMaximum100Height25Width420ForegroundGreenBackgroundLightGrayHorizontalContentAlignmentCenterVerticalContentAlignmentCenterValue{Binding

ProcessBarValue,ElementNameMyWatingViewControl}

//Grid/Grid/Border/Border/Grid/Viewbox

后台逻辑实现主要定义了进度值、显示的文本、以及UserControl的大小。

using

System.Windows.Shapes;namespace

DefProcessBarDemo

DefProcessBar(){InitializeComponent();this.Loaded

sender,

(FrameworkElement)this.Parent;if

(root

root.ActualHeight;ControlBackground.Width

root.ActualWidth;ControlBackground.Height

Propertypublic

(string)GetValue(MessageProperty);

}set

DependencyProperty.Register(Message,

typeof(string),

(double)GetValue(ProcessBarValueProperty);

}set

SetValue(ProcessBarValueProperty,

value);

DependencyProperty.Register(ProcessBarValue,

typeof(double),

PropertyMetadata(0.0));#endregionprivate

void

x:ClassDefProcessBarDemo.MainWindowxmlnshttp://schemas.microsoft.com/winfx/2006/xaml/presentationxmlns:xhttp://schemas.microsoft.com/winfx/2006/xamlxmlns:dhttp://schemas.microsoft.com/expression/blend/2008xmlns:mchttp://schemas.openxmlformats.org/markup-compatibility/2006xmlns:localclr-namespace:DefProcessBarDemomc:Ignorabled

TitleDefProcessBar

Height500WindowStartupLocationCenterScreen

x:Namemainwndxmlns:pdbclr-namespace:DefProcessBarDemo

Height30

ClickButton_Click/pdb:DefProcessBar

VerticalAlignmentCenterProcessBarValue{Binding

ExportValue,

ModeTwoWay,UpdateSourceTriggerPropertyChanged}Message{Binding

ExportMessage,

UpdateSourceTriggerPropertyChanged}

/StackPanel

/Window后台模拟进度变化使用Task任务更新进度值代码示例如下

using

System.Windows.Shapes;namespace

DefProcessBarDemo

System.ComponentModel.INotifyPropertyChanged{public

MainWindow(){InitializeComponent();this.DataContext

this;}private

value;OnPropertyChanged(ExportMessage);}}private

double

value;OnPropertyChanged(ExportValue);}}#region

MyRegionpublic

System.ComponentModel.PropertyChangedEventHandler

void

System.ComponentModel.PropertyChangedEventArgs(propertyName));}}#endregionprivate

void

i){ExportValue;System.Threading.Thread.Sleep(1000);if

(ExportValue

}运行时点击【点击】按钮即可看到进度持续不断地更新界面如下图所示