原著:AY WPF博客- 把wpf推廣出去,讓那些鄙視的人說不html
你們好!程序員
我是AY,首先聲明,我在作一件很枯燥的事情,我是個91後程序員,天天熬夜完成計劃的過着下班後的生活.web
那天有人反對,那天有人安慰,那天有人嘲諷,那天有人祝福。編程
過了6個月後,我對本身的夢想一直沒有改變過,繼續堅持,終於,AYUI誕生了。api
今天有人說造輪子,今天有人說你好厲害,今天有人說開源嗎? 有人說好喜歡...瀏覽器
有貶有褒,可是好的聲音多了。多線程
可是身體的各類問題也來了..app
AYUI自定義安裝包:演示視頻:http://pan.baidu.com/s/1eQ2fw7S框架
AY提供的WPF書籍下載:異步
下載地址:http://pan.baidu.com/s/1oFU3c
[Aaronyang] 寫給本身的WPF4.5 筆記[1佈局]
[Aaronyang] 寫給本身的WPF4.5 筆記[2依賴屬性]
[Aaronyang] 寫給本身的WPF4.5 失傳的祕籍[多擴展顯示器編程]
[Aaronyang]寫給本身的WPF4.5 筆記[3MenuItem中的icon]
[Aaronyang]寫給本身的WPF4.5 [wpf使用FontAwesome]
[Aaronyang]寫給本身的WPF4.5 筆記5[數據綁定三巴掌1/3]
[Aaronyang] 寫給本身的WPF4.5 筆記6[三巴掌-大數據加載與WPF4.5 驗證體系詳解 2/3]
[Aaronyang] 寫給本身的WPF4.5 筆記7[三巴掌-ItemsControl數據綁定詳解與binding二次處理 3/3]
[Aaronyang] 寫給本身的WPF4.5 筆記8[複雜數據處理三步曲,數據視圖精講1/3]
[Aaronyang] 寫給本身的WPF4.5 筆記9[複雜數據處理三步曲,數據展現ListView淚奔2/3]
[Aaronyang] 寫給本身的WPF4.5 筆記10[層次數據需求處理,TreeView綠色文章1/4]
[Aaronyang] 寫給本身的WPF4.5 筆記11[自定義控件-AyImageButton篇 1/4]
[Aaronyang] 寫給本身的WPF4.5 筆記12[自定義控件-AyImageButton的過程 2/4]
[Aaronyang] 寫給本身的WPF4.5 筆記13[自定義控件技巧-可視化狀態實戰,自定義容器,註冊類命令,用戶控件補充]
寫給本身的WPF4.5 筆記14[簡潔記憶命令Command]
[Aaronyang] 寫給本身的WPF4.5 筆記15[AyArcChart誕生-WPF版本絢麗的環狀圖,Ay製做,AyWindow強勢預覽]
[Aaronyang] 寫給本身的WPF4.5 筆記16[多線程]
[Aaronyang] 寫給本身的WPF4.5 筆記17[Page實現頁面導航]
[Aaronyang] 寫給本身的WPF4.5 筆記18[幾何圖形*Geometry圖文並茂講解]
[Aaronyang] 寫給本身的WPF4.5 筆記19[Visual,命中測試,ay按鈕]
[Aaronyang] 寫給本身的WPF4.5 筆記20 [3d課 1/4]
[Aaronyang] 寫給本身的WPF4.5 筆記21 [3d課 2/4]
[Aaronyang] 寫給本身的WPF4.5 筆記22 [3d課 3/4]
[Aaronyang] 寫給本身的WPF4.5 筆記23 [3d課 4/4]
[Aaronyang] 寫給本身的WPF4.5 筆記24 [與winform交互-flash-DEMO-收尾篇1/6]
寫給本身的WPF4.5 28[OpenFileDialog,SaveFileDialog,PrintDialog,ColorDialog,FontDialog,FolderBrowserDialog]
[AY博客] 寫給本身的WPF4.5 [29] NotifyIcon
C#人愛學不學9[C#5.0異步實例+WPF本身的MVVM Async應用]
Blend教程(2015-8-7 20:49:52補充)
[Aaronyang紫色博客] 寫給本身的WPF4.5-Blend5公開課系列 1
[Aaronyang紫色博客] 寫給本身的WPF4.5-Blend5公開課系列 2-更進一步
[Aaronyang紫色博客] 寫給本身的WPF4.5-Blend5公開課系列3-再來一發
下面是個人錄製的wpf視頻教程
爲了演示文件小,移除了不少圖片包,本身能夠去下載,覆蓋下:http://pan.baidu.com/s/1pJxcSUf
若是你的電腦接了多個顯示器,多顯示器演示,能夠右鍵菜單樹
監控演示
不變形的無圖片的進度條
還在編寫的AYUI.Wizard程序打包軟件
慢鏡頭
固然wizard還沒寫完,還在寫,謝謝某某人的關心
AyWindow(擁有 高級換背景,炫彩支持,通過屢次改善的 適合多需求多變化的窗體的模板控件)
AyPopupWindow (入場出場動畫方案,居中彈出,綁定位置顯示,右下角顯示)
AyMessageBox(替代自帶的MessageBox,用法幾乎和MessageBox一致,還能夠自定義圖標)
Button(通過樣式美化後,適應主題的Button,支持平面化,經過附加屬性AyButton.IsFlatStyle=true設置)
ToggleButton(通過樣式美化後,適應主題的ToggleButton,支持平面化,經過附加屬性AyButton.IsFlatStyle=true設置)
checkbox(通過樣式美化後,適應主題的CheckBox)
RadioButton(通過樣式美化後,適應主題的RadioButton)
ContextMenu(通過深度樣式美化後,適應主題的ContextMenu)
ProgressBar(通過深度樣式美化後,適應主題的ProgressBar)
ScrollViewer(通過深度樣式美化後,適應主題的滾動條,默認隱藏,鼠標移到範圍內自動顯示,疊加在內容之上,不會改變內容佈局)
AyColorPicker(顏色選擇器控件,繼承 Control)
ColorPickerDialog (顏色彈窗方式選擇控件,繼承UserControl)
AyComboBox(通過樣式美化後,適應主題的,繼承ComboBox,擁有更加靈活的彈出下拉框的樣式美化)
(待提升,下個版本將支持異步匹配)AyAutoCompleteTextBox(繼承Canvas,下拉匹配結果的Combobox控件,)
待改善 (暫時不要使用)AyFontButton(繼承Button,一個圖標(目前僅支持fontawesome的unicode值)加文字,可在皮膚設置窗口,圖片背景選項卡,選擇圖片 那個按鈕就是)
待改善 (暫時不建議使用)AyFontRadioButton(繼承RadioButton,一個圖標(目前僅支持fontawesome的unicode值)加文字. 支持 圖標加文字9種組合方式顯示,快速顯示內容,經過修改AyRadioButtonRenderMode枚舉類型的RenderMode對象的值,缺陷就是尺寸固定,支持圖標目前僅僅fontawesome,待提升)
使用 DEMO:
<StackPanel Margin="3,0,0,0" Orientation="Vertical" x:Name="menuButtonLists"> <control:AyFontRadioButton Tag="Page1.xaml" RenderMode="Icon" IsChecked="True" Content="報警" FontAwesome="" BorderThickness="0" FontDock="Top" Click="AyFontRadioButton_Click"/> <control:AyFontRadioButton Tag="Page2.xaml" RenderMode="Icon" Content="縱覽" FontAwesome="" BorderThickness="0" FontDock="Top" Click="AyFontRadioButton_Click"/> <control:AyFontRadioButton Tag="Page3.xaml" RenderMode="Icon" Content="測試" FontAwesome="" BorderThickness="0" FontDock="Top" Click="AyFontRadioButton_Click"/> </StackPanel>
全部的FontAweSome能夠參考Ay封裝的 Enums下的AyFontAweSomeEnum 枚舉, \u是在後臺到前臺顯示值,若是是前臺就用&#x代替 \u
AyIconAll (萬能簡單高性能的圖標控件,繼承 UserControl,支持image控件的source屬性路徑,支持ico,支持ay框架的path用法,支持不是資源類型,放在文件夾裏的gif路徑,支持fontawesome圖標庫的 fa- fa_寫法的圖標控件)
AyPath (用於支持ay框架的 path顯示值)
使用步驟,把 path的data值放入Config文件夾下的application.xml中,例如以下,取個xml根節點的名字,把data值放入value中,而後使用附加屬性 control:PathKey.Key指定那個xml中的本身定義的根節點的名字
注意這裏要使用前綴path_ 加上自定義的名字
<control:AyPath control:PathKey.Key="path_add" Width="12" Height="12" Padding="0" Foreground="#CC5F5F5F" SnapsToDevicePixels="True"></control:AyPath>
AyGifControl (一個使用 ImageAnimator播放動畫的最高性能的Gif播放控件)
例如後臺使用方法,前臺模仿着使用
AyGifControl imageGif = new AyGifControl { SnapsToDevicePixels = true, Width = this.Width, Height = this.Height, VerticalAlignment = VerticalAlignment.Stretch, HorizontalAlignment = HorizontalAlignment.Stretch, Stretch = Stretch.UniformToFill }; imageGif.InitControl(gif圖片路徑,不支持packuri); imageGif.StartAnimate();
待重作 (暫時不要使用)AyHyperlink (超連接控件,繼承 Hyperlink)已經廢棄
帶調整,讓更簡單實用 AyImage4Button (用背景圖的按鈕,繼承Button,好比一張圖片有4種狀態組成的,靜態時候,鼠標移入顯示圖片,按下時候圖片,禁用時候圖片橫着擺放組成,自動25%的四等分寬度,高度是100%,同系列還有AyImage3Button,AyImage2Button)
待重作(不建議使用) AyPanel(繼承Panel,擁有頭部和 內容組成的一個面板,待提升,下一版本將增長拖動調整和顏色控制,將更增強大)
待重作 (暫時不要使用)AyPathIconButton(老版本的AyPath,比他多了個 IsStatic屬性,設置false的時候,會有鼠標移入和按下時候的透明度的變化)
(下個版本)AyPieMenu和AyPieMenuItem(圓形的菜單按鈕)僅提供學習,下一個版本將提供DEMO使用
AyRadioList (繼承Panel,簡單易用的 包裝 RadioButton的容器,快速設置和得到 容器中的 radiobutton的值)
(下個版本)AySimply3D,實現簡單的2D控件的三維效果
(系統內置拓展的控件,給海康監控使用)AySimplyControl
AySimplyListView (繼承ListView,實現性能極佳的 簡單的列表展現控件,頭部支持 是否顯示右側的分隔線,支持多種列,百分比列布局,最大最小寬度限制,不能夠調節寬度的列,剩餘部分填充寬度的列,涉及到的列,除基本的GridView外的列,新增FixedColumn,LayoutColumn,ProportionalColumn,RangeColumn,下個版本將增長更詳細的demo)
GridLineDecorator是網上找的一個listview自動畫線的,可是有個問題,就是窗體最大化時候,線沒有重繪,僅推薦使用 固定大小AySimplyListView上
AySlider(繼承Slider,一個能夠自定義滑塊爲AyIconAll的,有完成百分比標註,未完成百分比的,滑動時候,有跟隨值變化提示的縮略圖的滑塊控件,適合修改學習變成播放器的控件,已經適應主題變化)
AyOpacitySetSlider(修改Slider控件的樣式,使用方法,Slider控件,而後style指定這個名字,便可變身)
AySplitButton(繼承AyButton,讓其支持平面化,經過附加屬性AyButton.IsFlatStyle=true設置,分隔下拉控件,菜單位置能夠像tooltip那樣設置,SplitButtonMode用於調整模式Split, ComboMenu, Button,能夠變成ComboMenu)
ComboMenu(由AySplitButton的屬性設置演變,使按鈕變成下拉框,點擊按鈕,產生下拉菜單,菜單位置能夠像tooltip那樣設置)
(下個版本增長demo)AyStrokeLabel(繼承 Label,用於給文字描邊),AyIconAll已經使用
使用Demo
AyStrokeLabel tb = new AyStrokeLabel { VerticalAlignment = VerticalAlignment.Center, Stroke = Stroke, StrokeThickness = StrokeThickness, FontSize = FontSize, FontWeight = FontWeight, FontStretch = FontStretch, FontStyle = FontStyle };
AySwitch(繼承ToggleButton的開關控件,左側和右側的內容能夠自定義,背景顏色均可以自定義,寬度隨便寬,滑動效果自動計算)
AyTabControl (Tab控件重寫,支持上下左右四種位置的tabItem展示,TabItem支持圖標,是否關閉,tabPanel中前面能夠設置下拉歷史和新增空Tab,tabitem的寬度自動適應調節,出現上一頁下一頁,支持滾輪和部分快捷鍵,適合作瀏覽器的tab)。
AyTextBox(繼承TextBox,重寫了TextPropertyChanged事件,Mask設置水印文本值,水印是漸變消失的,漸變出現。)
AyTreeView(繼承 TreeView,支持展開和摺疊 動畫,支持2種菜單展現方式。注意: 圖標模式,建議二級菜單的數據。樹狀模式 支持多級,若是大數據,建議關掉 動畫效果。treeviewitem高度能夠調節,整行選中,自動計算留出前邊距)
AyWrapPanel(繼承Panel,支持下個控件是否換行,由於WrapPanel是不容許換行的,自動計算到本行最後纔會換行,在容器中的某個控件添加附加屬性 control:AyWrapPanel.LineBreakBefore="True"就能夠強制換行)
待改進(下個版本)MaskedTextBox(掩碼文本框)
TemplateBorder(一個使用父類元素的Background,BorderBrush,BorderThickness,Padding的Border)
<Style TargetType="control:TemplateBorder"> <Setter Property="Background" Value="{Binding Path=Background, RelativeSource={RelativeSource TemplatedParent}, Mode=OneWay}" /> <Setter Property="BorderBrush" Value="{Binding Path=BorderBrush, RelativeSource={RelativeSource TemplatedParent}, Mode=OneWay}" /> <Setter Property="BorderThickness" Value="{Binding Path=BorderThickness, RelativeSource={RelativeSource TemplatedParent}, Mode=OneWay}" /> <Setter Property="Padding" Value="{Binding Path=Padding, RelativeSource={RelativeSource TemplatedParent}, Mode=OneWay}" /> </Style>
(下個版本)LazyBinding(延遲綁定)
(下個版本)FloatWindowBehavior(窗體靠近邊緣自動停靠,離開後自動縮小到屏幕邊緣)
AyArcChart(繼承ListBox,一個扇形大小的統計圖控件,Ay本身寫的,學習價值很好)
(待改進)AyImageViewer(圖片預覽控件,放大縮小移動。雙擊重置狀態)
(下個版本)AyPagePanel(繼承AyWindow,用於多屏使用,直接把Page扔進去的window,好比右鍵投影到屏幕A,而頁面A是Page寫的,能夠直接放大AyPagePanel,而後顯示AyPagePanel,下個版本,將增長多屏幕DEMO,自動記憶屏幕狀態,此DEMO已完成還沒有遷移,已經測試經過,框架中含有多屏處理的快速類)
ShowCurrentTime(繼承UserControl,簡單易用的時間顯示控件,支持 複合枚舉YMD, HMS,HHMS,YMDHMS,YMDHM, YMDHHMS,YMDHHM,Week,時間和周的顯示)
Uc_HKControl(繼承UserControl,一個自定義形狀的面板控件,這個控件的表明性意義,我研究出了自定義類型,自定義形狀顯示的控件,好比我能夠把RepeatButton改爲三角形,並且三角形隨便放大,中間的內容按指定大小放大,而且新的命令方式拓展控件開發方式,新增AyCommandParameter類,用來傳遞特殊事件的參數)
TransitionPresenter (一個動畫過渡控件,若是DataTemplate值發生了變化,自動應用AyTrasition中的24種動畫過渡。使用方法能夠在SkinSetWindow.xaml中看見使用,在窗體背景切換動畫也有)
(詳細會在本週發佈的博客中使用說明)
其餘大型DEMO: 海康監控 手動登錄版本,海康監控在Page中自動登錄顯示,自動切換監控視頻,自動退出上次帳號,進入新的帳號,因爲page沒有窗口關閉時事件,因此不知道如何自動退出監控帳號,但這裏ay已經解決,不會報錯,而不內存泄露。簡單上下左右雲臺api使用說明控制,模仿着寫,其餘的api也很簡單使用了。
強烈推薦使用,導航菜單配合 page使用,由於page頁面能夠再AyPagePanel中能夠馬上變成Window而投影到其餘屏幕,也容易web遷移,也容易本頁面切換頁面,而不影響到導航菜單的狀態。
AYUI框架除了 有精美的控件能夠學習,可使用,固然離不開通過3個版本的研究和改進,已經很成熟和穩定了。
優點1:
通過多番改進的AyWindow,已經能夠變化出多種頁面佈局,解決自定義窗口的:陰影,透明度,最大化到任務欄,拖拽調整窗體大小的範圍,而AyWindow能夠再窗體內容外有很大面積的響應去調整窗體狀態,右上角窗體必備按鈕能夠自定義,窗體必備按鈕區域除了五個元素(皮膚設置,系統菜單,最大化,最小化,關閉)外,在其左側有個內容區域ToolBarContent,相似Button的Content屬性,自定義其餘內容。WindowMenu屬性能夠自定義系統菜單,樣式精美,五大元素自動適應背景色,調整其邊框色適應主題。
RectangleOpacity1到RectangleOpacity4的透明度屬性拓展,你也能夠增長其餘,而後在炫彩支持中 調整AyWindow中的各個屬性,而且同步到application.xml中,application.xml使用ConfigSetting設置值和得到值。
固然AyPopupWindow也有RectangleOpacity1到RectangleOpacity4的透明度屬性拓展,調整屬性。
優點2:
StaticResource屬性的換膚,讓性能更好,程序啓動速度更快,內存佔用低,非DynamicResource,透明度調節是DynamicResource
AySkin放置控件外觀,Colors放置 控件外觀的資源文件,例如顏色,數值等
若是外觀同樣,顏色不同,只須要1個外觀文件和多個顏色文件,而此框架,只須要一個基本顏色,其餘顏色動態計算的。若是你有特殊的顏色控制,能夠增長第二個顏色的文件,增長一個控件外觀控制資源。
而後在application.xml中themeColor和themeSkin指定下便可,Skin的命名方式 XXXAyControl ,Color的命名方式XXXAyThemeColor,系統每次打開自動合併資源,計算顏色,而後顯示,你能夠控制不調整顏色,均可以。
因此有源碼版本修改方便。
其中skinSwitchAnimation是指動畫切換方式的動畫,0-23,有24種動畫切換。
Gaosi用來記錄 窗體模糊程度。
AyPropertyChanged是一個INotifyPropertyChanged接口的類,用於實體繼承,實現消息通知,繼承它,通知更方便,支持多種方式,Ay經驗積累的類
例如:
private string uri; public string Uri { get { return uri; } set { uri = value; this.OnPropertyChanged(() => this.Uri); } }
private double width; public double Width { get { return width; } set { width = value; OnPropertyChanged("Width"); } }
也能夠通知同時多個屬性
private double width; public double Width { get { return width; } set { width = value; OnPropertyChanged(new string[]{ "Width","Height"}); } }
AyTreeViewItemModel是給AyTreeView量身定作的,下個版本將有更多的兄弟姐妹
CommonHelper很經常使用,用來轉換數據類型,例如 CommonHelper.GetInt(obj) ,obj無論什麼類型,是tryparse的,轉換效果最好,若是失敗,返回0
ExtensionMethodHelper(拓展方法類)擁有多屏幕開發還有其餘的方法,已經寫好了,demo還沒遷移過來。可是代碼一看就懂。指定屏幕顯示窗體 ToExtensionMaxScreen和ToExtensionNormalScreen拓展方法。
(下個版本提供demo,用於多文檔單進程自定義文件格式的wpf項目)FileRegistrationHelper類用於註冊文件類型
(下個版本提供DEMO)SerializeHelper用於存儲同步 屏幕保存狀態,下次打開程序,自動將窗口放到對應的顯示器上。
TreeViewHelper暫時是TreeView類的動畫實現的輔助,有些方法,能夠嘗試試用下,主要操做TreeView。
(下個版本將移除)VistaGlassHelper用於win7毛玻璃效果
WebBrowerHelper用於從瀏覽器打開http地址
WpfTreeHelper核心wpf輔助類,用於替代VisualTreeHelper,支持數據模板中找控件,支持控件模板找控件等
EnumHelper用於得到枚舉值上方的Description特性值,或者將枚舉轉換成鍵值對集合
AyIcons用來包裝返回一個路徑的BitmapImage類型的對象,主要用於返回圖片方式的圖標
一個很經常使用的類 SolidColorBrushConverter, 用於顏色轉畫刷,使用方法,例如
SolidColorBrushConverter.From16JinZhi("#FFCCCCCC"),返回Brush類型
SolidColorBrushConverter.ToColor("#FFCCCCCC")或者SolidColorBrushConverter.ToColor("FFCCCCCC"),返回System.Windows.Media.Color類型。
ImageHelper類用於處理裁剪圖片,壓縮圖片
AyColorHelper類用於調整顏色
調整透明度 System.Windows.Media.Color ConvertColorA(this System.Windows.Media.Color color, double opacity)
調整亮度和暗度 System.Windows.Media.Color ConvertBright(this System.Windows.Media.Color color, double ratio),ratio大於1變亮,小於1 變暗
FontAweSomeHelper.GetUnicode用於返回AyFontAweSomeEnum值上方的Description,Unicode值用於顯示 圖標字體。(使用者不用關心它)
AyColorUtilities類用於ConvertHsvToRgb,ConvertRgbToHsv處理顏色
DragInCanvasBehavior 拖拽行爲,用於Canvas中的元素添加行爲,便可拖動,不會拖出空間邊緣,此效果項目中用在了Uc_HKControl控件中了。
爲了完成這個做品,我也是熬了好多夜晚,放棄了不少的週末,有人說WPF廢了,但個人覺的WIN10是新的開始,之後可能更多的移動端的用戶體驗放到了PC上。下面的vs2015的文章可能對你有幫助,最後一個變化是我在外國學的,中國可能知道的不多
[AY博客] AY陪你第一時間走進Visual Studio 2015-探究WPF的變化,美化了[1]
[AY博客] AY陪你第一時間走進Visual Studio 2015-探究C#6.0語法這塊的變化2