PanuonUI.Silver是國內(nèi)優(yōu)秀的WPF開源控件庫,Panuon.UI的優(yōu)化版本。一個漂亮的、使用樣式與附加屬性的WPF UI控件庫,值得向大家推薦使用與學(xué)習(xí)。 GitHub地址:https://github.com/Panuon/PanuonUI.Silver 碼云地址: https:///panuon/PanuonUI.Silver 中文學(xué)習(xí)文檔:
中文文檔: https://github.com/Panuon/Panuon.Documents/blob/master/Documents/PanuonUI.Silver/zh-cn.md 歡迎使用PanuonUI.Silver是一個可以高度自定義控件樣式的Modern風(fēng)格WPF控件庫,其絕大多數(shù)控件都遵循了MVVM設(shè)計原則。PanuonUI.Silver的意義在于,你只需更改幾個屬性值,或調(diào)用一些方法,就可以輕松DIY出屬于你自己風(fēng)格的UI界面,而無需深入了解Style的寫法,或是Trigger等屬性的用法。 PanuonUI.Silver不像DevExpress等控件庫那樣,通過簡單的拖拖拽拽和點(diǎn)擊,就能快速生成帶有豐富色彩、統(tǒng)一風(fēng)格的UI界面。雖然PanuonUI.Silver提供了一組默認(rèn)的樣式,但這些樣式可能不能滿足你的日常需求。UIBrowser中提供了“調(diào)色板”功能,你可以用它來快速設(shè)計、調(diào)整你的控件樣式,并獲取其代碼。只需下載GitHub項目并用Visual Studio打開,你就能找到它。 要最大化利用PanuonUI.Silver控件庫的優(yōu)勢,你需要具有一定的審美能力,或者擁有一張現(xiàn)成的設(shè)計圖。 使用指引STEP 1. 將PanuonUI.Silver引入到你的項目中以Nuget形式 右擊你的個人項目,選擇“管理Nuget程序包”。在包管理器頁面中,點(diǎn)擊“瀏覽”選項,然后在搜索框中鍵入“Panuon.UI.Silver”。選擇最頂端的正確項目,并在右側(cè)詳情頁中點(diǎn)擊“安裝”,等待安裝完成即可。 以dll形式 在你項目的根文件夾內(nèi)創(chuàng)建一個名為“References”(當(dāng)然其他的名字也可以)的文件夾。下載GitHub上的Zip文件并解壓后,將解壓文件夾目錄下“Output/NET40”(若你的項目使用.NET4.5及以上框架,則為“Output/NET45”)文件夾內(nèi)的所有dll文件拷貝到剛剛創(chuàng)建的文件夾中。切換到Visual Studio,在你項目下的“引用”條目上右擊,并選擇“添加引用”。點(diǎn)擊右下角的“瀏覽”按鈕,并導(dǎo)航到剛剛創(chuàng)建的References文件夾內(nèi)。全選剛剛復(fù)制的dll文件,并點(diǎn)擊“添加”按鈕,然后再點(diǎn)擊“確定”。 以項目形式 下載GitHub Zip文件并解壓后,將解壓文件夾目錄下“Net40”(若你的項目使用.NET4.5及以上框架,則為“Net45”)文件夾內(nèi)的“Panuon.UI.Silver”文件夾拷貝到你項目的根目錄(或根目錄內(nèi)的子文件夾)中。切換到Visual Studio,右擊你的解決方案,點(diǎn)擊“添加” -> “現(xiàn)有項目”,定位到剛剛復(fù)制的Panuon.UI.Silver文件夾內(nèi),選擇“Panuon.UI.Silver.csproj”,并點(diǎn)擊“確定”按鈕。 在你要使用PanuonUI.Silver的項目下的“引用”條目上右擊,并選擇“添加引用”。選擇“項目”選項卡,勾選“Panuon.UI.Silver”項目,并點(diǎn)擊“確定”。 若項目使用.NET4.0及以下版本,必須在用于啟動的應(yīng)用程序主項目中安裝“Microsoft.Windows.Shell”的Nuget包,或是直接添加對Microsoft.Windows.Shell.dll的引用。
STEP 2. 添加資源字典打開你應(yīng)用程序項目中的“App.xaml”,在<Application.Resources>節(jié)點(diǎn)內(nèi)添加如下內(nèi)容 <ResourceDictionary> <ResourceDictionary.MergedDictionaries> <ResourceDictionary Source="pack://application:,,,/Panuon.UI.Silver;component/Control.xaml" /> </ResourceDictionary.MergedDictionaries> </ResourceDictionary>
這將使Panuon.UI.Silver樣式應(yīng)用到整個程序。若你只希望在特定頁面或控件中使用Panuon.UI.Silver樣式,請將上述資源字典放置在特定頁面或控件的Resources節(jié)點(diǎn)內(nèi),而不是App.xaml中。 STEP 3. 在代碼中使用PanuonUI.Silver要在頁面或控件中使用Panuon.UI.Silver,首先要在目標(biāo)頁面中添加命名空間引用。 對于xaml代碼,需要添加引用: xmlns:pu="clr-namespace:Panuon.UI.Silver;assembly=Panuon.UI.Silver"
以WindowX為例,添加pu命名空間引用后的WindowX如下: <pu:WindowX ... xmlns:pu="clr-namespace:Panuon.UI.Silver;assembly=Panuon.UI.Silver" ...> <Grid> <Button x:Name="BtnTest" pu:ButtonHelper.ButtonStyle="Link" pu:ButtonHelper.CornerRadius="15" Height="30" Width="150"/> </Gird> </pu:WindowX>
對于C#代碼,需要添加引用: using Panuon.UI.Silver;
|