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

最新推荐文章于 2025-09-06 14:41:52 发布

原创

最新推荐文章于 2025-09-06 14:41:52 发布 · 1.7k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#android #前端 #样式统一

背景

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

目的

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

一、视觉提供颜色

二、视觉提供字体规范

三、代码命名规则

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

蓝湖设计稿

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

代码颜色调用ADE提示

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

style样式调用ADE提示

四、实现使用

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>
    <!-- 品牌字色 --&