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

来源：互联网发布：上海银行淘宝卡面签编辑：程序博客网时间：2024/05/22 12:15

做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样式

      <Buttonandroid: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"/>