[原創][開源] 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

本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理

【其他文章推薦】

※超省錢租車方案

※別再煩惱如何寫文案,掌握八大原則!

※回頭車貨運收費標準

※教你寫出一流的銷售文案?

※產品缺大量曝光嗎?你需要的是一流包裝設計!

※廣告預算用在刀口上,台北網頁設計公司幫您達到更多曝光效益

網頁設計最專業,超強功能平台可客製化