Android美工设计按钮样式20px向上投影2px 40%黑的实现

做Android应用开发，经常拿到美工给的设计图，针对文字样式有很多种，一般常见的无非是大小颜色的设计，当然也有一些特殊的文字样式如 20px 向上投影2px 40%黑。我第一次看到这样的颜色傻眼了，都不知道怎么办。还好身边有个UI大师，向他求助后就解决了这个问题。所以身边有个UI大师要抓住机会好好学习，我身边的这位UI大师马上就要离职了，要去创建自己的公司，祝他一切顺利！下面说说是如何实现的。

首先分析一下 20px 向上投影2px 40%黑 是什么东东

20px 大小 转换为sp时需要除以1.5 即20/1.5 = 13.3sp

向上投影2px

android:shadowDy="-2"

android:shadowRadius="2

如果是向下投影2px"

android:shadowDy="2"

android:shadowRadius="2

向左投影1px

android:shadowDx="-1"

android:shadowRadius="1"

向右投影1px

android:shadowDx="1"

android:shadowRadius="1

重点是40%黑如何计算

黑色：#000000

40% 的计算则是 255*0.4 = 102 然后将102转换为十六进制 66

这样投影40%黑就计算出来了 #66000000

android:shadowColor="#66000000"

下面附上完整的layout样式

<Button
android:id="@+id/text_btn_connect"
android:layout_width="161dp"
android:layout_height="41dp"
android:onClick="onClick"
android:text="断开链接"
android:textSize="13.3sp"
android:gravity="center"
android:background="@drawable/btn_startscan"
android:textColor="#FFFFFF"
android:shadowColor="#66000000"
android:shadowDy="-2"
android:shadowRadius="2"
/>