Android 项目主题样式库:统一颜色、字号,避免重复开发

目录

背景

目的

一、视觉提供颜色

二、视觉提供字体规范 

 三、代码命名规则

 四、实现使用

1、模块依赖

2、代码设计  


背景

        组件化多业务模块情况下,各模块中存在一些字号、颜色等样式定义、引用相对混乱的现象。大部分业务开发同学会随意使用颜色和字体等,没有明确的统一格式进行调用。因此,导致项目中相关重复定义颜色字号增多失控,不易维护,增加包体积,开发同学的在使用上不够简单高效,经常编写重复代码。

 


目的

  • 首先,视觉UI同学提供项目主题色和字体大小。提高UI出图效率、减少UI查验效率。
  • 其次,“主题样式库”能够为Android端项目组件化提供支持,完善模块Commen层提供的能力,为团队上层业务开发增能提效 。
  • 最后,推进对齐IOS端、PC端,更好的为公司整体项目开发服务。

 


一、视觉提供颜色

二、视觉提供字体规范 

 

 三、代码命名规则

        视觉同学的“蓝湖”设计稿一般直接提供色值、字号和字重,所以方便我们直接应用。另外,为了方便ADE编辑器进行代码提示,采用了颜色(Color)以C开头, 字号(Font)以F开头,样式文件以Style开头的命名规则。

蓝湖设计稿

颜色命名规则: C_  + 颜色值 + 不透明度

代码颜色调用ADE提示

字体命名规则: F_  + 字重+尺寸值

 style样式调用ADE提示3f49dc983f36ffbda6497cabf0cea863.png

 四、实现使用

1、模块依赖

独立提供样式库module,位于工具类层(Conmen),方便各业务依赖

2、代码设计  

颜色命名规则: C_  + 颜色值 + 不透明度

<!-- 样式库 颜色色值统一 -->
    <!-- 品牌主色 -->
    <color name="C_587CF7">#587CF7</color>
    <color name="C_587CF7_6">#0F587CF7</color>
    <color name="C_587CF7_20">#33587CF7</color>
    <color name="C_587CF7_32">#52587CF7</color>
    <color name="C_587CF7_40">#66587CF7</color>
    <color name="C_587CF7_60">#99587CF7</color>
    <color name="C_587CF7_80">#CC587CF7</color>
    <!-- 品牌字色 -->
    <color name="C_5B7BE9">#5B7BE9</color>
    <color name="C_5B7BE9_10">#1A5B7BE9</color>
    <color name="C_5B7BE9_40">#665B7BE9</color>
    <color name="
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

艾阳Blog

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值