C# WPF有趣的登入載入窗體

首頁>技術>沙漠盡頭的狼2019-12-20 06:27

C# WPF有趣的登入載入窗體

時間如流水，只能流去不流回！

本文 Dotnet9 /file/2019/12/20/20191220062438_3799.jpg.com 已收錄，站長樂於分享dotnet相關技術，比如Winform、WPF、ASP.NET Core等，亦有C++桌面相關的Qt Quick和Qt Widgets等，只分享自己熟悉的、自己會的。

閱讀導航：

二、本文背景

在YouTube上看到的一個視訊，文末有連結，使用前端時間介紹的開源C# WPF 控制元件庫HandyControl，用到了其中的頭像控制元件、水波紋控制元件、拖動條控制元件等。

三、程式碼實現

站長使用.Net Core 3.1建立的WPF工程，建立名稱為“CustomControlsHandyOrg”的解決方案後，需要新增Nuget庫：HandyControl。

程式碼不多，首先在App.xaml中新增HandyControl兩個樣式檔案：

&lt;Application x:Class=&#34;CustomControlsHandyOrg.App&#34;             xmlns=&#34;/file/2019/12/20/20191220062439_3800.jpg.aspx             xmlns:x=&#34;/file/2019/12/20/20191220062440_3801.jpg.aspx             xmlns:local=&#34;clr-namespace:CustomControlsHandyOrg&#34;             StartupUri=&#34;MainWindow.xaml&#34;&gt;    &lt;Application.Resources&gt;    &lt;ResourceDictionary&gt;        &lt;ResourceDictionary.MergedDictionaries&gt;            &lt;ResourceDictionary Source=&#34;pack://application:,,,/HandyControl;component/Themes/SkinDefault.xaml&#34;/&gt;            &lt;ResourceDictionary Source=&#34;pack://application:,,,/HandyControl;component/Themes/Theme.xaml&#34;/&gt;        &lt;/ResourceDictionary.MergedDictionaries&gt;    &lt;/ResourceDictionary&gt;    &lt;/Application.Resources&gt;&lt;/Application&gt;

另外一個程式碼檔案是MainWindow.xaml，首先引入HandyControl名稱空間

xmlns:hc=&#34;https://handyorg.github.io/handycontrol&#34;

程式碼確實不多，關鍵程式碼也就10行左右

&lt;Window x:Class=&#34;CustomControlsHandyOrg.MainWindow&#34;        xmlns=&#34;/file/2019/12/20/20191220062439_3800.jpg.aspx        xmlns:x=&#34;/file/2019/12/20/20191220062440_3801.jpg.aspx        xmlns:d=&#34;/file/2019/12/20/20191220062442_3802.jpg.aspx        xmlns:mc=&#34;http://schemas.openxmlformats.org/markup-compatibility/2006&#34;        xmlns:local=&#34;clr-namespace:CustomControlsHandyOrg&#34;        mc:Ignorable=&#34;d&#34;        xmlns:hc=&#34;https://handyorg.github.io/handycontrol&#34;        Height=&#34;450&#34; Width=&#34;300&#34; ResizeMode=&#34;NoResize&#34; WindowStartupLocation=&#34;CenterScreen&#34; WindowStyle=&#34;None&#34;&gt;    &lt;Grid Background=&#34;#FF222222&#34;&gt;        &lt;StackPanel VerticalAlignment=&#34;Center&#34;&gt;            &lt;hc:Gravatar Id=&#34;{Binding Value,ElementName=slider}&#34;/&gt;            &lt;TextBlock FontSize=&#34;18&#34; Text=&#34;DOWNLOADING&#34; Margin=&#34;5 15&#34; Foreground=&#34;White&#34; HorizontalAlignment=&#34;Center&#34;/&gt;            &lt;hc:WaveProgressBar Value=&#34;{Binding Value,ElementName=slider}&#34; Maximum=&#34;100&#34; Background=&#34;#FF555555&#34; WaveFill=&#34;#ff563380&#34; WaveStroke=&#34;#FF5675&#34; WaveThickness=&#34;1&#34; Foreground=&#34;White&#34;/&gt;            &lt;Button Content=&#34;STOP&#34; Margin=&#34;15&#34; HorizontalAlignment=&#34;Stretch&#34; Background=&#34;#FF563380&#34; BorderBrush=&#34;#FF482480&#34; Foreground=&#34;White&#34;/&gt;            &lt;hc:PreviewSlider x:Name=&#34;slider&#34; Maximum=&#34;100&#34; Margin=&#34;20&#34;/&gt;        &lt;/StackPanel&gt;    &lt;/Grid&gt;&lt;/Window&gt;

四、文章參考

上面的程式碼是Dotnet9看 Disign com WPF 大神視訊手敲的，下面是大神youtube地址及本例項學習視訊。

參考：Design com WPF ： https://www.youtube.com/watch?v=8uW5uY6PvDQ

五、程式碼下載

文章中程式碼已經全部貼出，就這麼幾行程式碼，不要奇怪，就是這麼多。

轉載請註明本文地址：/file/2019/12/20/20191220062438_3799.jpg.com/2019/12/it-technology/csharp/wpf/trying-handy-org-custom-controls.html

如有所收穫，請大力轉發（能點贊及推薦那是極好的）；如覺小編寫文不易，歡迎給Dotnet9站點打賞，小編謝謝了；謝謝大家對dotnet技術的關注和支援。

191

XAML

Qt

最新評論

劇多

C# WPF有趣的登入載入窗體

XAML

Qt

相關內容