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

SunnyUI.Net, 基于 C# .Net WinForm 开源控件库、工具类库、扩展类库、多页面开发框架

主题

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

赞 (0)

相关推荐