Skip to content

Commit 8d51558

Browse files
committed
补充 Color ID 在两种不同场景下的命名方式
1 parent 026b519 commit 8d51558

File tree

1 file changed

+50
-2
lines changed

1 file changed

+50
-2
lines changed

README.md

+50-2
Original file line numberDiff line numberDiff line change
@@ -945,13 +945,61 @@ button_round_selector.xml(通用圆角按钮样式)
945945
<color name="logcat_level_other_color">#FFFFFFFF</color>
946946
```
947947

948-
* 但是实际开发中,我们常常会遇到下面这种命名方式:
948+
* 另外有一类 Color 被多个模块所引用,需要以 **common + 作用 + color** 来命名,例如:
949+
950+
```xml
951+
<!-- App 样式中引用的颜色 -->
952+
<color name="common_primary_color">@color/white</color>
953+
<color name="common_primary_dark_color">@color/black</color>
954+
<color name="common_accent_color">#5A8DDF</color>
955+
<color name="common_window_background_color">#F4F4F4</color>
956+
<color name="common_text_color">#333333</color>
957+
<color name="common_text_hint_color">@color/panda</color>
958+
959+
<!-- 按钮按压时的颜色 -->
960+
<color name="common_button_pressed_color">#AA5A8DDF</color>
961+
<!-- 按钮禁用时的颜色 -->
962+
<color name="common_button_disable_color">#BBBBBB</color>
963+
<!-- 分割线的颜色 -->
964+
<color name="common_line_color">#ECECEC</color>
965+
```
966+
967+
* 还有一类 Color 是行业通用的色值,需要以 **简单直接的方式** 来命名,例如:
968+
969+
```xml
970+
<!-- 透明色 -->
971+
<color name="transparent">#00000000</color>
972+
<!-- 白色 -->
973+
<color name="white">#FFFFFFFF</color>
974+
<!-- 黑色 -->
975+
<color name="black">#FF000000</color>
976+
<!-- 灰色 -->
977+
<color name="gray">#FF808080</color>
978+
<!-- 红色 -->
979+
<color name="red">#FFFF0000</color>
980+
<!-- 金色 -->
981+
<color name="gold">#FFFFD700</color>
982+
<!-- 黄色 -->
983+
<color name="yellow">#FFFFFF00</color>
984+
<!-- 绿色 -->
985+
<color name="green">#FF008000</color>
986+
<!-- 蓝色 -->
987+
<color name="blue">#FF0000FF</color>
988+
<!-- 紫色 -->
989+
<color name="purple">#FF800080</color>
990+
<!-- 粉色 -->
991+
<color name="pink">#FFFFC0CB</color>
992+
<!-- 橙色 -->
993+
<color name="orange">#FFFFA500</color>
994+
```
995+
996+
* 在实际开发中,我们常常会遇到下面这种命名方式:
949997

950998
```xml
951999
<name="color_FF35BF30">#color_FF35BF30</color>
9521000
```
9531001

954-
* 但其实这种命名方式是不规范的,因为它对 **Color ID** 的名称定义比较模糊,会容易给别人造成误导;举个例子:假设项目中有 **200** 个地方引用了这个 `color_FF35BF30` 色值,其中有 **150** 地方是你自己引用的,另外 **50** 个地方是别人引用的,但是别人不知道你那个色值是干什么的,看到你有写就直接引用了,突然有一天产品经理心情不好要改这个色值,那么你要从 **200** 地方区分 **150** 个需要修改的地方和 **50** 个不需要修改的地方。
1002+
* 其实这种命名方式是不规范的,因为它对 **Color ID** 的名称定义比较模糊,会容易给别人造成误导;举个例子:假设项目中有 **200** 个地方引用了这个 `color_FF35BF30` 色值,其中有 **150** 地方是你自己引用的,另外 **50** 个地方是别人引用的,但是别人不知道你那个色值是干什么的,看到你有写就直接引用了,突然有一天产品经理心情不好要改这个色值,那么你要从 **200** 地方区分 **150** 个需要修改的地方和 **50** 个不需要修改的地方。
9551003

9561004
#### Anim ID 命名规范
9571005

0 commit comments

Comments
 (0)