一、前言:为什么你的App颜色总像“直男审美”?
作为一名Android开发者,你是否经常遇到这样的场景:
“设计师小姐姐又发来了新的色号,这次是#FF6B8B,说是今年最流行的珊瑚粉...”
“测试小哥又提bug了,说夜间模式颜色太刺眼...”
“产品经理要求同一个按钮要有三种状态色,我写了三遍同样的色值...”
别慌!这些问题都源于我们对Android颜色资源理解不够深入。今天,就让我们用最接地气的方式,彻底搞定Android颜色值的定义,让你的App颜值瞬间提升好几个level!
二、基础篇:认识Android颜色值的“七十二变”
2.1 最常用的十六进制颜色值
十六进制颜色值是咱们最熟悉的老朋友了,它有两种写法:
写法一:#RRGGBB(不透明)
<color name="coral_pink">#FF6B8B</color>
写法二:#AARRGGBB(带透明度)
<color name="translucent_black">#80000000</color>
这里有个小秘密:很多新手会搞混透明度顺序。记住口诀 “爱(A)人在前,红(R)绿(G)蓝(B)在后” ,AA代表Alpha透明度,00完全透明,FF完全不透明。
2.2 那些你可能不知道的颜色定义方式
除了十六进制,Android还支持其他几种定义方式:
颜色资源文件写法:
<!-- res/values/colors.xml -->
<resources>
<color name="primary_color">#3F51B5</color>
<color name="primary_dark">#303F9F</color>
<color name="accent_color">#FF4081</color>
</resources>
在布局文件中使用:
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="我是漂亮的文本"
android:textColor="@color/primary_color"
android:background="@color/accent_color"/>
三、进阶篇:玩转颜色选择器,让按钮“活”起来
3.1 状态选择器 - 按钮交互的灵魂
一个优秀的按钮应该有不同状态下的颜色反馈。来看这个实战示例:
<!-- res/color/button_text_selector.xml -->
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true" android:color="@color/white" />
<item android:state_focused="true" android:color="@color/white" />
<item android:state_selected="true" android:color="@color/light_gray" />
<item android:color="@color/dark_gray" /> <!-

最低0.47元/天 解锁文章
428

被折叠的 条评论
为什么被折叠?



