[原創][開源] SunnyUI.Net 主題

SunnyUI.Net, 基於 C# .Net WinForm 開源控件庫、工具類庫、擴展類庫、多頁面開發框架

• Blog: https://www.cnblogs.com/yhuse
• Gitee: https://gitee.com/yhuse/SunnyUI
• GitHub: https://github.com/yhuse/SunnyUI
• 幫助文檔目錄: https://www.cnblogs.com/yhuse/p/SunnyUI_Menu.html
• 歡迎交流，QQ羣：  56829229 (SunnyUI技術交流羣) 

主題

1、Color 色彩

SunnyUI爲了避免視覺傳達差異，使用一套特定的調色板來規定顏色，爲你所搭建的產品提供一致的外觀視覺感受。主要顏色參照Element（https://element.eleme.cn/）

• 主色

SunnyUI主要品牌顏色是鮮豔、友好的藍色。

• 輔助色

除了主色外的場景色，需要在不同的場景中使用（例如紅色表示危險的操作）。

• 中性色

中性色用於文本、背景和邊框顏色。通過運用不同的中性色，來表現層次結構。

 

2、Rect邊框

我們對邊框進行統一規範，可用於按鈕、卡片、彈窗等組件裏。

主要屬性如下：

• RectColor：邊框顏色
• RectDisableColor：控件不可用時邊框顏色
• RectSides：邊框顯示方向
• 無：不顯示邊框
• 全部：顯示全部邊框
• 頂：顯示頂部邊框
• 底：顯示底部邊框
• 左：顯示左側邊框
• 右：顯示右側邊框

注：邊框顯示和圓角設置相關，如果一側的邊框兩端端點爲圓角，則此邊框必定顯示。

 

3、Radius圓角

我們提供了以下幾種圓角樣式，以供選擇。默認圓角大小爲5px。

主要屬性如下：

Radius：圓角大小

RadiusSides：顯示四個角圓角的顯示與否

• 圓角不顯示

• 默認圓角大小爲5px

• 圓角大小與控件高度相等時，顯示大圓角

• 可通過四個角圓角的設置，對控件組合顯示

 

4、Font字體

默認字體爲：微軟雅黑, 12pt

 

5、Style主題

SunnyUI包含 Element 風格主題 11 個，DotNetBar 主題 3 個，其他主題 2 個，包含主題管理組件 UIStyleManager，可自由切換主題。

•  UIStyleManager

參考SunnyUI.Demo.exe，將UIStyleManager放置在主窗體上，通過選擇UIStyleManager的屬性Style，或者通過代碼設置統一主題風格。

UIStyleManager.Style = style;

 

• Style主要屬性如下：

Style：設置主題風格

StyleCustomMode：是否爲自定義主題，設置爲False時使用UIStyleManager提供的統一主題風格，設置爲Ture時可手動調整控件配色，不受UIStyleManager約束。

 

• UIStyle.Blue

• UIStyle.Green

• UIStyle.Orange

• UIStyle.Red

• UIStyle.Gray

• UIStyle.White

• UIStyle.DarkBlue

• UIStyle.Black

• UIStyle.Office2010Blue

• UIStyle.Office2010Silver

• UIStyle.Office2010Black

  

原創文章，轉載請保留鏈接 Sunny's blog