[原创][开源] SunnyUI.Net 主题

2021-02-08 04:18

阅读:689

标签:约束   abstract   logs   element   技术交流   原创   offic   otn   size   

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

[原创][开源] SunnyUI.Net 主题

标签:约束   abstract   logs   element   技术交流   原创   offic   otn   size   

原文地址:https://www.cnblogs.com/yhuse/p/SunnyUI_Style.html


评论


亲,登录后才可以留言!