zoukankan      html  css  js  c++  java
  • [原创][开源] 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

      

    原创文章,转载请保留链接 Sunny's blog

  • 相关阅读:
    新入行程序员考虑自己是否明白以下这8件事情
    程序猿品种总结你是哪一类?
    利用趣味漫画讲述云计算起源
    设计师遇到瓶颈时的五个解困惑建议
    可以帮助到我今后的程序员生涯的十分钟思考
    oc编程中继承的相关实例
    centos和ubuntu服务器Bash漏洞修复方法
    jQuery经典面试题精选
    phpstudy -sql服务器2008r2 -中控考勤机 -php 组合查询考勤
    bat 批处理测试局域网速度 两端电脑
  • 原文地址:https://www.cnblogs.com/yhuse/p/SunnyUI_Style.html
Copyright © 2011-2022 走看看