當前位置：首頁 > 编程语言 > asp.net >内容正文

asp.net

WPF开源项目：WPF-ControlBase

發布時間：2023/12/4 asp.net 39 豆豆

生活随笔收集整理的這篇文章主要介紹了 WPF开源项目：WPF-ControlBase 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

倉庫截圖

倉庫README很素，但看作者README貼的幾篇博文介紹，你會喜歡上它的，廢話不多說，上介紹目錄：

動畫封裝

https://blog.csdn.net/u010975589/article/details/95974854

屬性表單

https://blog.csdn.net/u010975589/article/details/95970200

消息對話

https://blog.csdn.net/u010975589/article/details/95985190

在WPF中應用MVC

https://blog.csdn.net/u010975589/article/details/100019431

其他功能說明

https://blog.csdn.net/u010975589/article/details/103083605

下面詳細介紹：

1. 動畫封裝

原文標題：示例：WPF中自定義StoryBoarService在代碼中封裝StoryBoard、Animation用于簡化動畫編寫原文鏈接：https://blog.csdn.net/u010975589/article/details/95974854

1.1 目的：通過對StoryBoard和Animation的封裝來簡化動畫的編寫

1.2 示例

說明：漸隱藏是WPF中比較常用的動畫，上圖是通過StoryBoarService封裝后的效果，在代碼中只要執行如下代碼即可：

DoubleStoryboardEngine.Create(1,?0,?1,?"Opacity").Start(element);

上面的關閉效果可以定義一個命令如下：

public?class?CollapsedOfOpacityCommand?:?ICommand {public?bool?CanExecute(object?parameter)?=>?true;public?void?Execute(object?parameter){if(parameter?is?UIElement?element){var?engine?=?DoubleStoryboardEngine.Create(1,?0,?1,?"Opacity");engine.Start(element);}}public?event?EventHandler?CanExecuteChanged; }

在Xaml中調用如下命令即可完成關閉漸隱藏的效果

Command="{x:Static?base:CommandService.CollapsedOfOpacityCommand}" CommandParameter="{Binding?RelativeSource={RelativeSource?AncestorType=GroupBox}}"

傳入的CommandParmeter將會在執行命令時漸隱藏

其中動畫效果的代碼只需一句代碼即可，簡化了動畫在代碼中繁瑣的編碼過程

DoubleStoryboardEngine.Create(1,?0,?1,?"Opacity").Start(element);

1.3 代碼：

目前只實現DoubleAnimation的封裝，后續將會對其他類型進行封裝

1.3.1 封閉修改基類

///?<summary>?動畫引擎基類?</summary> public?abstract?class?StoryboardEngineBase?:?IDisposable {protected?Storyboard?storyboard?=?new?Storyboard();public?EventHandler?CompletedEvent?{?get;?set;?}public?EasingFunctionBase?Easing?{?get;?set;?}?=?EasingFunctionFactroy.PowerEase;public?PropertyPath?PropertyPath?{?get;?set;?}public?Duration?Duration?{?get;?set;?}public?void?Dispose(){storyboard.Completed?-=?CompletedEvent;}public?abstract?StoryboardEngineBase?Start(UIElement?element);public?abstract?StoryboardEngineBase?Stop();public?StoryboardEngineBase(int?second,?string?property){this.PropertyPath?=?new?PropertyPath(property);this.Duration?=?new?Duration(TimeSpan.FromSeconds(second));}}///?<summary>?動畫泛型引擎基類?</summary> public?abstract?class?StoryboardEngineBase<T>?:?StoryboardEngineBase {public?StoryboardEngineBase(T?from,?T?to,?int?second,?string?property)?:?base(second,?property){this.FromValue?=?from;this.ToValue?=?to;}public?T?FromValue?{?get;?set;?}public?T?ToValue?{?get;?set;?}//public?RepeatBehavior?RepeatBehavior?{?get;?set;?};}

1.3.2 開放擴展DoubleStoryboardEngine

///?<summary>?DoubleAnimation動畫引擎?</summary> public?class?DoubleStoryboardEngine?:?StoryboardEngineBase<double> {public?static?DoubleStoryboardEngine?Create(double?from,?double?to,?int?second,?string?property){return?new?DoubleStoryboardEngine(from,?to,?second,?property);}public?DoubleStoryboardEngine(double?from,?double?to,?int?second,?string?property)?:?base(from,?to,?second,?property){}public?override?StoryboardEngineBase?Start(UIElement?element){//? Do：時間線DoubleAnimation?animation?=?new?DoubleAnimation(1,?0,?this.Duration);if?(this.Easing?!=?null)animation.EasingFunction?=?this.Easing;//if?(this.RepeatBehavior?!=?default(RepeatBehavior))//????animation.RepeatBehavior?=?(RepeatBehavior);//? Do：屬性動畫storyboard.Children.Add(animation);Storyboard.SetTarget(animation,?element);Storyboard.SetTargetProperty(animation,?this.PropertyPath);if?(CompletedEvent?!=?null)storyboard.Completed?+=?CompletedEvent;storyboard.Begin();return?this;}public?override?StoryboardEngineBase?Stop(){this.storyboard.Stop();return?this;} }

1.3.3 過度效果工廠

///?<summary>?說明：https://docs.microsoft.com/zh-cn/dotnet/framework/wpf/graphics-multimedia/easing-functions </summary> public?static?class?EasingFunctionFactroy {///?<summary>?PowerEase：創建加速和/或減速使用的公式的動畫f(t)?= tp其中 p 等于Power屬性。?</summary>public?static?PowerEase?PowerEase?{?get;?set;?}?=?new?PowerEase();///?<summary>?BackEase：略微收回動畫的動作，然后再開始進行動畫處理指示的路徑中。?</summary>public?static?BackEase?BackEase?{?get;?set;?}?=?new?BackEase();///?<summary>?ElasticEase：創建類似于彈簧來回直到靜止的動畫?</summary>public?static?ElasticEase?ElasticEase?{?get;?set;?}?=?new?ElasticEase();///?<summary>?BounceEase：創建彈跳效果。?</summary>public?static?BounceEase?BounceEase?{?get;?set;?}?=?new?BounceEase();///?<summary>?CircleEase：創建加速和/或減速使用循環函數的動畫。?</summary>public?static?CircleEase?CircleEase?{?get;?set;?}?=?new?CircleEase();///?<summary>?QuadraticEase：創建加速和/或減速使用的公式的動畫f(t)?= t2。?</summary>public?static?QuadraticEase?QuadraticEase?{?get;?set;?}?=?new?QuadraticEase();///?<summary>?CubicEase：創建加速和/或減速使用的公式的動畫f(t)?= t3。?</summary>public?static?CubicEase?CubicEase?{?get;?set;?}?=?new?CubicEase();///?<summary>?QuarticEase：創建加速和/或減速使用的公式的動畫f(t)?= t4。?</summary>public?static?QuarticEase?QuarticEase?{?get;?set;?}?=?new?QuarticEase();///?<summary>?QuinticEase：創建加速和/或減速使用的公式的動畫f(t)?= t5。?</summary>public?static?QuinticEase?QuinticEase?{?get;?set;?}?=?new?QuinticEase();///?<summary>?ExponentialEase：創建加速和/或減速使用指數公式的動畫。?</summary>public?static?ExponentialEase?ExponentialEase?{?get;?set;?}?=?new?ExponentialEase();///?<summary>?SineEase：創建加速和/或減速使用正弦公式的動畫。?</summary>public?static?SineEase?SineEase?{?get;?set;?}?=?new?SineEase();}

1.3.4 使用方法

///?<summary>?構造方法?</summary> ///?<param?name="from">?起始值</param> ///?<param?name="to">?結束值??</param> ///?<param?name="second">?間隔時間秒?</param> ///?<param?name="property">?修改屬性名稱?</param> ///? public?static?DoubleStoryboardEngine?Create(double?from,?double?to,?int?second,?string?property) {return?new?DoubleStoryboardEngine(from,?to,?second,?property); }

2. 屬性表單

原文標題：示例：WPF開發的簡單ObjectProperyForm用來綁定實體表單原文鏈接：https://blog.csdn.net/u010975589/article/details/95970200

2.1 目的：自定義控件，用來直接綁定實體數據，簡化開發周期

2.2 實現

綁定實體對象

通過特性顯示屬性名稱

通過特性增加驗證條件

已經實現String、Int、Double、DateTime、Bool幾種簡單類型的DataTemplate模板，其他模板支持擴展

其他后續更新...

2.3 示例

實體定義如下：

public?class?Student {[Display("姓名")][Required]public?string?Name?{?get;?set;?}[Display("班級")][Required]public?string?Class?{?get;?set;?}[Display("地址")][Required]public?string?Address?{?get;?set;?}[Display("郵箱")][Required]public?string?Emall?{?get;?set;?}[Display("可用")][Required]public?bool?IsEnbled?{?get;?set;?}[Display("時間")][Required]public?DateTime?time?{?get;?set;?}[Display("年齡")][Required]public?int?Age?{?get;?set;?}[Display("平均分")]?public?double?Score?{?get;?set;?}[Display("電話號碼")][Required][RegularExpression(@"^1[3|4|5|7|8][0-9]{9}$",?ErrorMessage?=?"手機號碼不合法！")]public?string?Tel?{?get;?set;?} }

DisplayAttribute：用來標識顯示名稱
ResuiredAttribute：用來標識數據不能為空
RgularExpression：引用正則表達式驗證數據是否匹配
其他特性后續更新...

應用方式：

<UserControl.Resources><local:Student?x:Key="S.Student.HeBianGu"?Name="河邊骨"?Address="四川省成都市高新區"?Class="四年級"?Emall="7777777777@QQ.com"?Age="33"?Score="99.99"?IsEnbled="True"?time="2019-09-09"/> </UserControl.Resources><wpfcontrollib:ObjectPropertyForm?Grid.Row="1"?Title="學生信息"??SelectObject="{StaticResource?S.Student.HeBianGu}"?><base:Interaction.Behaviors><base:MouseDragElementBehavior?ConstrainToParentBounds="True"/><base:SelectZIndexElementBehavior/></base:Interaction.Behaviors>

2.4 代碼

2.4.1 通過反射獲取屬性和特性

ObservableCollection<ObjectPropertyItem>?PropertyItemSource {get?{?return?(ObservableCollection<ObjectPropertyItem>)GetValue(PropertyItemSourceProperty);?}set?{?SetValue(PropertyItemSourceProperty,?value);?} }//?Using?a?DependencyProperty?as?the?backing?store?for?MyProperty.??This?enables?animation,?styling,?binding,?etc... public?static?readonly?DependencyProperty?PropertyItemSourceProperty?=DependencyProperty.Register("PropertyItemSource",?typeof(ObservableCollection<ObjectPropertyItem>),?typeof(ObjectPropertyForm),?new?PropertyMetadata(new?ObservableCollection<ObjectPropertyItem>(),?(d,?e)?=>{ObjectPropertyForm?control?=?d?as?ObjectPropertyForm;if?(control?==?null)?return;ObservableCollection<ObjectPropertyItem>?config?=?e.NewValue?as?ObservableCollection<ObjectPropertyItem>;}));void?RefreshObject(object?o) {Type?type?=?o.GetType();var?propertys?=?type.GetProperties();this.PropertyItemSource.Clear();foreach?(var?item?in?propertys){var?from?=?ObjectPropertyFactory.Create(item,?o);this.PropertyItemSource.Add(from);}this.ItemsSource?=?this.PropertyItemSource; }

2.4.2 定義類型基類、擴展之類和工廠方法

///?<summary>?類型基類?</summary> public?class?ObjectPropertyItem?:?NotifyPropertyChanged {public?string?Name?{?get;?set;?}public?PropertyInfo?PropertyInfo?{?get;?set;?}public?object?Obj?{?get;?set;?}public?ObjectPropertyItem(PropertyInfo?property,?object?obj){PropertyInfo?=?property;var?display?=?property.GetCustomAttribute<DisplayAttribute>();Name?=?display?==?null???property.Name?:?display.Name;Obj?=?obj;}}///?<summary>?泛型類型基類?</summary> public?class?ObjectPropertyItem<T>?:?ObjectPropertyItem {private?T?_value;///?<summary>?說明??</summary>public?T?Value{get?{?return?_value;?}set{this.Message?=?null;//? Do：檢驗數據有效性if?(Validations?!=?null){foreach?(var?item?in?Validations){if?(!item.IsValid(value)){this.Message?=?item.ErrorMessage;??}}}_value?=?value;?RaisePropertyChanged("Value");this.SetValue(value);}}void?SetValue(T?value){this.PropertyInfo.SetValue(Obj,?value);}List<ValidationAttribute>?Validations?{?get;?}public?ObjectPropertyItem(PropertyInfo?property,?object?obj)?:?base(property,?obj){Value?=?(T)property.GetValue(obj);?Validations?=?property.GetCustomAttributes<ValidationAttribute>()?.ToList();if(Validations!=null&&?Validations.Count>0){this.Flag?=?"*";}}private?string?_message;///?<summary>?說明??</summary>public?string?Message{get?{?return?_message;?}set{_message?=?value;RaisePropertyChanged("Message");}}public?string?Flag?{?get;?set;?}}///?<summary>?字符串屬性類型?</summary> public?class?StringPropertyItem?:?ObjectPropertyItem<string> {public?StringPropertyItem(PropertyInfo?property,?object?obj)?:?base(property,?obj){} }///?<summary>?時間屬性類型?</summary> public?class?DateTimePropertyItem?:?ObjectPropertyItem<DateTime> {public?DateTimePropertyItem(PropertyInfo?property,?object?obj)?:?base(property,?obj){} }///?<summary>?Double屬性類型?</summary> public?class?DoublePropertyItem?:?ObjectPropertyItem<double> {public?DoublePropertyItem(PropertyInfo?property,?object?obj)?:?base(property,?obj){} }///?<summary>?Int屬性類型?</summary>public?class?IntPropertyItem?:?ObjectPropertyItem<int> {public?IntPropertyItem(PropertyInfo?property,?object?obj)?:?base(property,?obj){} }///?<summary>?Bool屬性類型?</summary> public?class?BoolPropertyItem?:?ObjectPropertyItem<bool> {public?BoolPropertyItem(PropertyInfo?property,?object?obj)?:?base(property,?obj){} }

類型工廠：

public?class?ObjectPropertyFactory {public?static?ObjectPropertyItem?Create(PropertyInfo?info,?object?obj){if?(info.PropertyType?==?typeof(int)){return?new?IntPropertyItem(info,?obj);}else?if?(info.PropertyType?==?typeof(string)){return?new?StringPropertyItem(info,?obj);}else?if?(info.PropertyType?==?typeof(DateTime)){return?new?DateTimePropertyItem(info,?obj);}else?if?(info.PropertyType?==?typeof(double)){return?new?DoublePropertyItem(info,?obj);}else?if?(info.PropertyType?==?typeof(bool)){return?new?BoolPropertyItem(info,?obj);}return?null;} }

2.4.3 樣式模板

<DataTemplate?DataType="{x:Type?base:StringPropertyItem}"><Grid?Width="{Binding?RelativeSource={RelativeSource?AncestorType=local:ObjectPropertyForm},Path=Width-5}"?Height="35"?Margin="5,0"><Grid.ColumnDefinitions><ColumnDefinition?Width="*"/><ColumnDefinition?Width="Auto"/><ColumnDefinition?Width="2*"/><ColumnDefinition?Width="30"/></Grid.ColumnDefinitions><TextBlock?Text="{Binding?Name}"?FontSize="14"?HorizontalAlignment="Center"?VerticalAlignment="Center"/><TextBlock?Text="{Binding?Flag}"?Grid.Column="1"?Margin="5,0"FontSize="14"??Foreground="{DynamicResource?S.Brush.Red.Notice}"?HorizontalAlignment="Right"?VerticalAlignment="Center"/><local:FTextBox?Text="{Binding?Value,UpdateSourceTrigger=PropertyChanged}"?Style="{DynamicResource?DefaultTextBox}"FontSize="14"?Width="Auto"?CaretBrush="Black"Grid.Column="2"?Height="30"?base:ControlAttachProperty.FIcon=""VerticalContentAlignment="Center"?HorizontalAlignment="Stretch"?VerticalAlignment="Center"/><TextBlock?Text=""?Grid.Column="3"?Style="{DynamicResource?FIcon?}"Foreground="{DynamicResource?S.Brush.Red.Notice}"?Visibility="{Binding?Message,Converter={x:Static?base:XConverter.VisibilityWithOutStringConverter},ConverterParameter={x:Null},Mode=TwoWay}"FontSize="14"?TextTrimming="CharacterEllipsis"?ToolTip="{Binding?Message}"HorizontalAlignment="Center"?VerticalAlignment="Center"/></Grid> </DataTemplate><DataTemplate?DataType="{x:Type?base:BoolPropertyItem}"><Grid?Width="{Binding?RelativeSource={RelativeSource?AncestorType=local:ObjectPropertyForm},Path=Width-5}"?Height="35"?Margin="5,0"><Grid.ColumnDefinitions><ColumnDefinition?Width="*"/><ColumnDefinition?Width="Auto"/><ColumnDefinition?Width="2*"/><ColumnDefinition?Width="30"/></Grid.ColumnDefinitions><TextBlock?Text="{Binding?Name}"?FontSize="14"?HorizontalAlignment="Center"?VerticalAlignment="Center"/><TextBlock?Text="{Binding?Flag}"?Grid.Column="1"?Margin="5,0"FontSize="14"??Foreground="{DynamicResource?S.Brush.Red.Notice}"?HorizontalAlignment="Right"?VerticalAlignment="Center"/><CheckBox?IsChecked="{Binding?Value}"??FontSize="14"?Grid.Column="2"?Height="30"?VerticalContentAlignment="Center"??HorizontalAlignment="Left"?VerticalAlignment="Center"/><TextBlock?Text=""?Grid.Column="3"?Style="{DynamicResource?FIcon?}"Foreground="{DynamicResource?S.Brush.Red.Notice}"?Visibility="{Binding?Message,Converter={x:Static?base:XConverter.VisibilityWithOutStringConverter},ConverterParameter={x:Null}}"FontSize="14"???TextTrimming="CharacterEllipsis"?ToolTip="{Binding?Message}"HorizontalAlignment="Center"?VerticalAlignment="Center"/></Grid> </DataTemplate><DataTemplate?DataType="{x:Type?base:DateTimePropertyItem}"><Grid?Width="{Binding?RelativeSource={RelativeSource?AncestorType=local:ObjectPropertyForm},Path=Width-5}"?Height="35"?Margin="5,0"><Grid.ColumnDefinitions><ColumnDefinition?Width="*"/><ColumnDefinition?Width="Auto"/><ColumnDefinition?Width="2*"/><ColumnDefinition?Width="30"/></Grid.ColumnDefinitions><TextBlock?Text="{Binding?Name}"?FontSize="14"?HorizontalAlignment="Center"?VerticalAlignment="Center"/><TextBlock?Text="{Binding?Flag}"?Grid.Column="1"?Margin="5,0"FontSize="14"??Foreground="{DynamicResource?S.Brush.Red.Notice}"?HorizontalAlignment="Right"?VerticalAlignment="Center"/><DatePicker?SelectedDate="{Binding?Value}"??FontSize="14"?Grid.Column="2"?Height="30"?VerticalContentAlignment="Center"??Width="Auto"HorizontalAlignment="Stretch"?VerticalAlignment="Center"/><TextBlock?Text=""?Grid.Column="3"?Style="{DynamicResource?FIcon?}"Foreground="{DynamicResource?S.Brush.Red.Notice}"?Visibility="{Binding?Message,Converter={x:Static?base:XConverter.VisibilityWithOutStringConverter},ConverterParameter={x:Null}}"FontSize="14"???TextTrimming="CharacterEllipsis"?ToolTip="{Binding?Message}"HorizontalAlignment="Center"?VerticalAlignment="Center"/></Grid> </DataTemplate><DataTemplate?DataType="{x:Type?base:IntPropertyItem}"><Grid?Width="{Binding?RelativeSource={RelativeSource?AncestorType=local:ObjectPropertyForm},Path=Width-5}"?Height="35"?Margin="5,0"><Grid.ColumnDefinitions><ColumnDefinition?Width="*"/><ColumnDefinition?Width="Auto"/><ColumnDefinition?Width="2*"/><ColumnDefinition?Width="30"/></Grid.ColumnDefinitions><TextBlock?Text="{Binding?Name}"?FontSize="14"?HorizontalAlignment="Center"?VerticalAlignment="Center"/><TextBlock?Text="{Binding?Flag}"?Grid.Column="1"?Margin="5,0"FontSize="14"??Foreground="{DynamicResource?S.Brush.Red.Notice}"?HorizontalAlignment="Right"?VerticalAlignment="Center"/><Slider?Value="{Binding?Value}"??FontSize="14"?Grid.Column="2"?Height="30"?VerticalContentAlignment="Center"??HorizontalAlignment="Stretch"?VerticalAlignment="Center"/><TextBlock?Text=""?Grid.Column="3"?Style="{DynamicResource?FIcon?}"Foreground="{DynamicResource?S.Brush.Red.Notice}"?Visibility="{Binding?Message,Converter={x:Static?base:XConverter.VisibilityWithOutStringConverter},ConverterParameter={x:Null}}"FontSize="14"???TextTrimming="CharacterEllipsis"?ToolTip="{Binding?Message}"HorizontalAlignment="Center"?VerticalAlignment="Center"/></Grid> </DataTemplate><DataTemplate?DataType="{x:Type?base:DoublePropertyItem}"><Grid?Width="{Binding?RelativeSource={RelativeSource?AncestorType=local:ObjectPropertyForm},Path=Width-5}"?Height="35"?Margin="5,0"><Grid.ColumnDefinitions><ColumnDefinition?Width="*"/><ColumnDefinition?Width="Auto"/><ColumnDefinition?Width="2*"/><ColumnDefinition?Width="30"/></Grid.ColumnDefinitions><TextBlock?Text="{Binding?Name}"?FontSize="14"?HorizontalAlignment="Center"?VerticalAlignment="Center"/><TextBlock?Text="{Binding?Flag}"?Grid.Column="1"?Margin="5,0"FontSize="14"??Foreground="{DynamicResource?S.Brush.Red.Notice}"?HorizontalAlignment="Right"?VerticalAlignment="Center"/><Slider?Value="{Binding?Value}"??FontSize="14"?Grid.Column="2"?Height="30"?VerticalContentAlignment="Center"??HorizontalAlignment="Stretch"?VerticalAlignment="Center"/><TextBlock?Text=""?Grid.Column="3"?Style="{DynamicResource?FIcon?}"Foreground="{DynamicResource?S.Brush.Red.Notice}"?Visibility="{Binding?Message,Converter={x:Static?base:XConverter.VisibilityWithOutStringConverter},ConverterParameter={x:Null}}"FontSize="14"???TextTrimming="CharacterEllipsis"?ToolTip="{Binding?Message}"HorizontalAlignment="Center"?VerticalAlignment="Center"/></Grid> </DataTemplate><Style?TargetType="local:ObjectPropertyForm"><Setter?Property="Background"?Value="{DynamicResource?S.Brush.TextBackgroud.Default}"/><Setter?Property="BorderThickness"?Value="0"/><Setter?Property="HorizontalAlignment"?Value="Stretch"/><Setter?Property="VerticalAlignment"?Value="Center"/><Setter?Property="HorizontalContentAlignment"?Value="Center"/><Setter?Property="VerticalContentAlignment"?Value="Center"/><Setter?Property="Padding"?Value="0"?/><Setter?Property="Width"?Value="500"?/><Setter?Property="Height"?Value="Auto"?/><Setter?Property="ItemsSource"?Value="{Binding?PropertyItemSource,Mode=TwoWay}"?/><Setter?Property="ItemsPanel"><Setter.Value><ItemsPanelTemplate><StackPanel/></ItemsPanelTemplate></Setter.Value></Setter><Setter?Property="Template"><Setter.Value><ControlTemplate?TargetType="local:ObjectPropertyForm"><GroupBox?Header="{TemplateBinding?Title}"><Border?HorizontalAlignment="{TemplateBinding?HorizontalAlignment}"VerticalAlignment="{TemplateBinding?VerticalAlignment}"Background="{TemplateBinding?Background}"BorderBrush="{TemplateBinding?BorderBrush}"BorderThickness="{TemplateBinding?BorderThickness}"><ItemsPresenter/></Border></GroupBox></ControlTemplate></Setter.Value></Setter> </Style>

2.4.4 開放擴展

2.4.4.1 只需定義一個擴展類型，如：

///?<summary>?字符串屬性類型?</summary> public?class?StringPropertyItem?:?ObjectPropertyItem<string> {public?StringPropertyItem(PropertyInfo?property,?object?obj)?:?base(property,?obj){} }

2.4.4.2 再添加一個DataTmeplate，如：

3. 消息對話

原文標題：示例：WPF中自定義MessageService應用DialogHost、Snackbar、NotifyIcon顯示各種場景提示消息原文鏈接：https://blog.csdn.net/u010975589/article/details/95985190

3.1 目的

不同交互場景需要提示不同的消息，不同的消息需要用不同的效果來展示，應用DialogHost（對話框）、NotifyIcon（消息提示）、Snackbar（氣泡消息）顯示各種場景提示消息，應用在ViewModel中

3.2 實現

等待對話框

確定對話框

確定與取消對話框

百分比進度和文本進度對話框

氣泡提示消息（NotifyIcon）

提示消息（Snackbar）

3.3 示例

說明：

對話框：常規對話消息如上圖，等待對話框、消息對話、進度對話框；

（目前只封裝如上這幾種，自定義對話框只需創建用戶控件調用通用加載方法即可，后續更新...）

提示消息：當進度保存成功是需要一個提示消息，顯示2s自動隱藏即可（如圖中友情提示部分分）；

氣泡消息：當程序處于隱藏或某種狀態時需要應用氣泡提示消息；

3.4 代碼

[ViewModel("Loyout")] class?LoyoutViewModel?:?MvcViewModelBase {///?<summary>?命令通用方法?</summary>protected?override?async?void?RelayMethod(object?obj){string?command?=?obj?.ToString();//? Do：對話消息if?(command?==?"Button.ShowDialogMessage"){await?MessageService.ShowSumitMessge("這是消息對話框？");}//? Do：等待消息else?if?(command?==?"Button.ShowWaittingMessge"){await?MessageService.ShowWaittingMessge(()?=>?Thread.Sleep(2000));}//? Do：百分比進度對話框else?if?(command?==?"Button.ShowPercentProgress"){Action<IPercentProgress>?action?=?l?=>{for?(int?i?=?0;?i?<?100;?i++){l.Value?=?i;Thread.Sleep(50);}Thread.Sleep(1000);MessageService.ShowSnackMessageWithNotice("加載完成！");};await?MessageService.ShowPercentProgress(action);}//? Do：文本進度對話框else?if?(command?==?"Button.ShowStringProgress"){Action<IStringProgress>?action?=?l?=>{for?(int?i?=?1;?i?<=?100;?i++){l.MessageStr?=?$"正在提交當前頁第{i}份數據,共100份";Thread.Sleep(50);}Thread.Sleep(1000);MessageService.ShowSnackMessageWithNotice("提交完成：成功100條，失敗0條！");};await?MessageService.ShowStringProgress(action);}//? Do：確認取消對話框else?if?(command?==?"Button.ShowResultMessge"){Action<object,?DialogClosingEventArgs>?action?=?(l,?k)?=>{if?((bool)k.Parameter){MessageService.ShowSnackMessageWithNotice("你點擊了取消");}else{MessageService.ShowSnackMessageWithNotice("你點擊了確定");}};MessageService.ShowResultMessge("確認要退出系統?",?action);}//? Do：提示消息else?if?(command?==?"Button.ShowSnackMessage"){MessageService.ShowSnackMessageWithNotice("這是提示消息？");}?//? Do：氣泡消息else?if?(command?==?"Button.ShowNotifyMessage"){MessageService.ShowNotifyMessage("你有一條報警信息需要處理，請檢查",?"Notify?By?HeBianGu");}} }

4. 在WPF中應用MVC

原文標題：封裝：簡要介紹自定義開發基于WPF的MVC框架原文鏈接：https://blog.csdn.net/u010975589/article/details/100019431

4.1 目的

在使用Asp.net Core時，深感MVC框架作為頁面跳轉數據處理的方便，但WPF中似乎沒有現成的MVC框架，由此自定義開發一套MVC的框架，在使用過程中也體會到框架的優勢，下面簡要介紹一下這套基于MVVM的MVC框架

4.2 項目結構

主要有三部分組成：Controller、View、ViewModel

其中View和ViewModel就是傳統WPF中的MVVM模式

不同地方在于頁面的跳轉應用到了Controller做控制，如下示例Controller的定義

4.3 Controller的結構和定義

4.3.1 定義LoyoutController

[Route("Loyout")] class?LoyoutController?:?Controller {public?LoyoutController(ShareViewModel?shareViewModel)?:?base(shareViewModel){}public?async?Task<IActionResult>?Center(){return?View();}[Route("OverView/Button")]public?async?Task<IActionResult>?Mdi(){return?View();}public?async?Task<IActionResult>?Left(){return?View();}public?async?Task<IActionResult>?Right(){return?View();}public?async?Task<IActionResult>?Top(){return?View();}public?async?Task<IActionResult>?Bottom(){return?View();}[Route("OverView/Toggle")]public?async?Task<IActionResult>?Toggle(){return?View();}[Route("OverView/Carouse")]public?async?Task<IActionResult>?Carouse(){return?View();}[Route("OverView/Evaluate")]public?async?Task<IActionResult>?Evaluate(){return?View();}[Route("OverView/Expander")]public?async?Task<IActionResult>?Expander(){return?View();}[Route("OverView/Gif")]public?async?Task<IActionResult>?Gif(){return?View();}[Route("OverView/Message")]public?async?Task<IActionResult>?Message(){return?View();}[Route("OverView/Upgrade")]public?async?Task<IActionResult>?Upgrade(){return?View();}[Route("OverView/Property")]public?async?Task<IActionResult>?Property(){return?View();}[Route("OverView/ProgressBar")]public?async?Task<IActionResult>?ProgressBar(){return?View();}[Route("OverView/Slider")]public?async?Task<IActionResult>?Slider(){return?View();}[Route("OverView/Tab")]public?async?Task<IActionResult>?Tab(){return?View();}[Route("OverView/Tree")]public?async?Task<IActionResult>?Tree(){return?View();}[Route("OverView/Observable")]public?async?Task<IActionResult>?Observable(){return?View();}[Route("OverView/Brush")]public?async?Task<IActionResult>?Brush(){return?View();}[Route("OverView/Shadow")]public?async?Task<IActionResult>?Shadow(){return?View();}[Route("OverView/Button")]public?async?Task<IActionResult>?Button(){await?MessageService.ShowWaittingMessge(()?=>?Thread.Sleep(500));this.ViewModel.ButtonContentText?=?DateTime.Now.ToString();return?View();}[Route("OverView/Grid")]public?async?Task<IActionResult>?Grid(){return?View();}[Route("OverView/Combobox")]public?async?Task<IActionResult>?Combobox(){return?View();}[Route("OverView")]public?async?Task<IActionResult>?OverView(){await?MessageService.ShowWaittingMessge(()?=>?Thread.Sleep(500));MessageService.ShowSnackMessageWithNotice("OverView");return?View();}[Route("OverView/TextBox")]public?async?Task<IActionResult>?TextBox(){return?View();}[Route("OverView/Book")]public?async?Task<IActionResult>?Book(){return?View();}[Route("OverView/Xaml")]public?async?Task<IActionResult>?Xaml(){return?View();}[Route("OverView/Dimension")]public?async?Task<IActionResult>?Dimension(){return?View();}[Route("OverView/Geometry")]public?async?Task<IActionResult>?Geometry(){return?View();}[Route("OverView/Panel")]public?async?Task<IActionResult>?Panel(){return?View();}[Route("OverView/Transform3D")]public?async?Task<IActionResult>?Transform3D(){return?View();}[Route("OverView/Drawer")]public?async?Task<IActionResult>?Drawer(){return?View();} }

4.3.2 前端的頁面

如下,其中紅色部分對應Controller里面的要跳轉的Route

如：選擇了紅色部分的Button，首先會調用Button()方法，跳轉到當前Controller對應的View文件加下的ButtonControl.xaml頁面

[Route("OverView/Button")] public?async?Task<IActionResult>?Button() {await?MessageService.ShowWaittingMessge(()?=>?Thread.Sleep(500);this.ViewModel.ButtonContentText?=?DateTime.Now.ToString();return?View();}

可以在Button()方法中，寫一些業務邏輯，如對當前ViewModel的增刪改查等常規操作，其中當前Controller成員ViewModel是內部封裝好的ViewModel，對應ViewModel文件下面的當前Controller的ViewModel

4.3.3 示例

4.3.4 左側的Xaml列表可以定義成如下形式

通過LinkGroupExpander控件，封裝LinkAction去實現頁面的跳轉，其中只需要定義LinkAction的幾個屬性即可達到跳轉到指定頁面的效果，如：

Controller屬性：用來指示要跳轉到哪個Controller
Action屬性：用來指示跳轉到哪個方法
DisplayName屬性：在UI中顯示的名稱
Logo屬性：在UI中顯示的圖標

如下，Controller中的Button()方法對應的跳轉配置如下

[Route("OverView/Button")] public?async?Task<IActionResult>?Button()<wpfcontrollib:LinkAction?DisplayName="Button"?Logo=""??Controller="Loyout"?Action="Button"?/>

4.3.5 Controller基類的定義ControllerBase

主要方法是IActionResult View([CallerMemberName] string name = "")，這個方法是MVC實現的核心功能，主要通過反射去動態加載程序集，加載項目結構中的View、ViewModel去生成IActionResult返回給主頁面進行頁面跳轉，代碼如下：

public?abstract?class?ControllerBase?:?IController {protected?virtual?IActionResult?View([CallerMemberName]?string?name?=?""){var?route?=?this.GetType().GetCustomAttributes(typeof(RouteAttribute),?true).Cast<RouteAttribute>();string?controlName?=?null;if?(route.FirstOrDefault()?==?null){controlName?=?this.GetType().Name;}else{controlName?=?route.FirstOrDefault().Name;}var?ass?=?Assembly.GetEntryAssembly().GetName();string?path?=?$"/{ass.Name};component/View/{controlName}/{name}Control.xaml";Uri?uri?=?new?Uri(path,?UriKind.RelativeOrAbsolute);var?content?=?Application.Current.Dispatcher.Invoke(()?=>{return?Application.LoadComponent(uri);});ActionResult?result?=?new?ActionResult();result.Uri?=?uri;result.View?=?content?as?ContentControl;Type?type?=?Assembly.GetEntryAssembly().GetTypeOfMatch<NotifyPropertyChanged>(l?=>?l.Name?==?controlName?+?"ViewModel");result.ViewModel?=?ServiceRegistry.Instance.GetInstance(type);Application.Current.Dispatcher.Invoke(()?=>{(result.View?as?FrameworkElement).DataContext?=?result.ViewModel;});return?result;}protected?virtual?IActionResult?LinkAction([CallerMemberName]?string?name?=?""){var?route?=?this.GetType().GetCustomAttributes(typeof(RouteAttribute),?true).Cast<RouteAttribute>();string?controlName?=?null;if?(route.FirstOrDefault()?==?null){controlName?=?this.GetType().Name;}else{controlName?=?route.FirstOrDefault().Name;}var?ass?=?Assembly.GetEntryAssembly().GetName();string?path?=?$"/{ass.Name};component/View/{controlName}/{name}Control.xaml";Uri?uri?=?new?Uri(path,?UriKind.RelativeOrAbsolute);var?content?=?Application.Current.Dispatcher.Invoke(()?=>{return?Application.LoadComponent(uri);});ActionResult?result?=?new?ActionResult();result.Uri?=?uri;result.View?=?content;Type?type?=?Assembly.GetEntryAssembly().GetTypeOfMatch<NotifyPropertyChanged>(l?=>?l.Name?==?controlName?+?"ViewModel");result.ViewModel?=?ServiceRegistry.Instance.GetInstance(type);Application.Current.Dispatcher.Invoke(()?=>{(result.View?as?FrameworkElement).DataContext?=?result.ViewModel;});return?result;}}

說明:

通過Application.LoadComponent(uri);來加載生成Control

通過反射ViewModel基類NotifyPropertyChanged去找到對應ViewModel，綁定到View中

將View和ViewModel封裝到IActionResult中返回給主頁面進行加載

其中Controller中的方法返回類型是async Task，也就是整個頁面跳轉都是在異步中進行的，可以有效的避免頁面切換中的卡死效果

4.4 View中的結構和定義

其中View在項目中的定義就是根據Controller中的方法對應，在MVC中要嚴格按照結構定義[View/Loyout]，好處是可以減少代碼量，同時使格式統一代碼整齊，結構如下：

其中紅色ButtonControl.xaml即是Controller中Button()方法要跳轉的頁面，其他頁面同理

4.5 ViewModel的結構和定義

其中LoyoutViewModel即是LoyoutController和整個View/Loyout下所有頁面對應的ViewModel

4.6 整體MVC結構實現的效果如下

以上就是MVC應用在WPF中的簡要示例，具體內容和示例可從如下鏈接中下載代碼查看

代碼地址：https://github.com/HeBianGu/WPF-ControlBase.git

另一個應用Sqlite數據庫的示例如下

代碼地址：https://github.com/HeBianGu/WPF-ExplorerManager.git

5. 其他功能說明

原文標題：示例：自定義WPF底層控件UI庫 HeBianGu.General.WpfControlLib V2.0版本原文鏈接：https://blog.csdn.net/u010975589/article/details/103083605

5.1 目的

封裝了一些控件到自定義的控件庫中，方便快速開發

5.2 實現功能

基本實現常用基礎控件，滿足常規軟件快速開發
同時支持框架.Net Core 3.0 + ,.Net FrameWork 4.5+

5.3 整體概況

5.3.1 登錄頁面

登錄頁面只需要繼承LoginWindowBase基類，并且設置樣式 Style="{StaticResource S.Window.Login.Default}"即可

5.3.2 主頁面

主頁面只需繼承LinkWindowBase基類，并且設置樣式Style="{DynamicResource S.Window.Link.Default}"即可

整體主窗口采用ViewBox方式加載，當縮放窗口或應用到到其他分辨率設備都會兼容

5.3.3 主題配置信息保存

主題配置信息已經封裝在ApplicationBase中，會自動在退出時保存設置好的配置信息(如：主題顏色、字體大小等)

總結： 應用此模式可以達到復用的目的，將通用部分封裝到底層，如需修改樣式只需修改Style樣式文件或修改依賴屬性即可滿足功能修改

5.4 主題設置

淺色主題示例如下：

深色主題示例如下圖：

主題設置功能主要包括：

設置主題主顏色

主題顏色主要用來標識要突出顯示的部分，目前可以選擇內置顏色、可以選擇跟隨系統主題顏色、可以自定義選擇顏色、可以使用動態主題(即設置主題每隔指定時間自動變化)

設置主題

主題目前實現四中主題，分別是淺色主題、深色主題、灰色主題、主顏色為主題

設置字體大小

字體大小目前內置兩種，分別是Large和Small，其中這兩種顏色采用注入的方式加載，即可以在程序加載時設置著兩種字體的初始值

其他配置

包括中英文、設置標準行高等等可以在程序加載時進行初始化設置，這里不做過多介紹

**總結：**這樣設計的目的是審美因人而異，使用自定義配置的方式可以盡可能多的滿足多變的需求

5.5 其他基礎控件

5.5.1 數據表格

a 兼容主題字體和主題設置，后面將要提到的所有控件均已應用主題設置，不做再說明
b 每頁顯示條數

可以設置每頁要顯示的條數

c 搜索

可以設置搜索過濾條件，包含指定搜索項的條目才會顯示

d 頁面跳轉

可以上一頁、下一頁、第一頁、最后一頁、指定頁

e 頁面信息

當前頁屬于數據源的第幾條至第幾條，數據源的總條目數

f 兩種風格的網格頁面

**總結：**以上功能封裝在控件PagedDataGrid中，只需綁定數據源即可實現以上功能，其中打印、導出等功能暫時沒有實現

5.5.2 樹形列表

a 支持按類別篩選

如上圖、選擇指定類型來過濾列表

b 支持按條件搜索

如上圖、輸入條件可以過濾指定條件

**總結：**使用方式為綁定數據源到TreeListView控件中

5.5.3 其他常用控件

a 對話框

采用內置對話框，不是應用窗口，只是覆蓋層，可以避免窗口對話框引起的一些問題

b 對話窗口自定義對話窗口

相對系統對話窗口更美觀，增加顯示和隱藏效果，通過注入的方式可以自定義按鈕個數和功能

c消息列表

目前有兩種模式，分別是在窗口內顯示和Window系統中顯示，可以根據需求自定義顯示方式，示例如下

d 在線升級示例如下

e 導航菜單示例如下

f 其他功能包括

按鈕控件、文本輸入框控件、下拉列表控件、數字控件、日期選擇控件、支持綁定的密碼框控件、進度條控件、拖動控件、樹形控件、分頁控件以及其他自定義控件。

以上控件均已實現主題顏色、字體大小切換等，可以滿足常用軟件的功能

其中整體結構使用的自定義Mvc方式加載，參考地址：https://blog.csdn.net/u010975589/article/details/100019431

由于控件過多不做詳細介紹，有興趣的可以下載源碼或加載nuget包

5.6 使用方式

nuget包添加如下圖

說明：此示例部分功能部分代碼參考第三方框架，開源只應用于學習和參考，不做商用目的。

應用此框架的其他示例：

示例：應用WPF開發的仿制GitHub客戶端UI布局_HeBianGu的博客-CSDN博客
示例：應用WPF開發的仿制百度網盤客戶端UI布局_HeBianGu的博客-CSDN博客_wpf 網盤
示例：應用WPF繪制輕量Chart圖表之組合圖效果預覽_HeBianGu的博客-CSDN博客
封裝：WPF基于Vlc.DotNet.Wpf封裝的視頻播放器_HeBianGu的博客-CSDN博客
示例：WPF開發的Image圖片控件，支持鳥撖圖、滾輪放大、放大鏡、圈定范圍以及圈定范圍放大等（示例一）_HeBianGu的博客-CSDN博客

5.7 下載地址

GitHub下載地址:GitHub - HeBianGu/WPF-ControlBase: Wpf封裝的自定義控件資源庫

安裝包示例下載地址:

鏈接：https://pan.baidu.com/s/1y2UfDKIxoSOffj36gl7fOw
提取碼：l2ia

更新：2019.12.16 ?增加.Net Core 3.0

目前已支持Core3.0 和.net 4.5 如有解決方案程序集無法加載請安裝這兩個框架

總結

以上是生活随笔為你收集整理的WPF开源项目：WPF-ControlBase的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇：值得永久收藏的 C# 设计模式套路(三)
下一篇： .NET 6新特性试用 | 常量内插字符