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


  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值