首頁>技術>

時間如流水,只能流去不流回!

本文 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兩個樣式檔案:

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

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

xmlns:hc="https://handyorg.github.io/handycontrol"

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

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

上面的程式碼是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技術的關注和支援 。

189

XAML

Qt

  • BSA-TRITC(10mg/ml) TRITC-BSA 牛血清白蛋白改性標記羅丹明
  • Nginx+Gunicorn+Flask+Supervisor 部署 Python 服務的詳細教程