Android TextView加上阴影效果 _textView

别裁伪体亲风雅，转益多师是汝师。这篇文章主要讲述Android TextView加上阴影效果相关的知识，希望能为你提供帮助。

< TextView android:id="@+id/test_shadow" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="60sp" android:textColor="#ffffffff" android:shadowColor="#ff000000" android:text="Test Shadow" android:layout_gravity="center" android:shadowRadius="1" android:shadowDx="5" android:shadowDy="5" /> < TextView android:id="@+id/test_shadow2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="60sp" android:textColor="#ffffffff" android:layout_gravity="center" android:text="Test Shadow" android:shadowColor="#ff000000" android:shadowRadius="5" android:shadowDx="5" android:shadowDy="5" /> < TextView android:id="@+id/test_shadow2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="60sp" android:textColor="#ffffffff" android:layout_gravity="center" android:text="Test Shadow" android:shadowColor="#ff000000" android:shadowRadius="10" android:shadowDx="5" android:shadowDy="5" />

字体阴影需要四个相关参数：
1. android:shadowColor：阴影的颜色
2. android:shadowDx：水平方向上的偏移量
3. android:shadowDy：垂直方向上的偏移量
4. Android:shadowRadius：是阴影的的半径大少
最好这4个值都一起设计
shadowColor这个属性就不多说了，android:shadowDx跟android:shadowDy
为了更清楚的演示就做个试验，分三组xml布局如下：

< LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:background="#ff895544" > < TextView android:id="@+id/test_shadow" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="60sp" android:textColor="#ffffffff" android:shadowColor="#ff000000" android:text="Test Shadow" android:layout_gravity="center" android:shadowRadius="1" android:shadowDx="0" android:shadowDy="0" /> < TextView android:id="@+id/test_shadow2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="60sp" android:textColor="#ffffffff" android:layout_gravity="center" android:text="Test Shadow" android:shadowColor="#ff000000" android:shadowRadius="1" android:shadowDx="10" android:shadowDy="10" /> < TextView android:id="@+id/test_shadow3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="60sp" android:textColor="#ffffffff" android:layout_gravity="center" android:text="Test Shadow" android:shadowColor="#ff000000" android:shadowRadius="1" android:shadowDx="30" android:shadowDy="30" /> < /LinearLayout>

dx dy 分别为（0 ， 0），（10 ， 10 ），（30 ， 30）
结果如下：

文章图片

现在更加清楚了吧！
下一个属性是android:shadowRadius 是阴影的的半径大少
对于此属性进行6组试验：
dx dy 都是 30 shadowRadius 分别为： 0 ， 0.01 ， 1 ， 2 ， 5 ， 10
结果如下：

文章图片

从结果分析：
1 这个值为0的话是不会显示的
2 值越大，阴影就越大，而且越模糊
到现在应该都清楚这4个值会影响什么效果了，经验丰富的从属性名字就大概知道是什么意思了。

现在回到正常阴影的效果：
1.可以把shadowRadius 变大来实现阴影模糊，使得看起来更加的自然：
代码：

文章图片

调节shadowRadius来确定最适合自己的阴影
2.调试dx 跟 dy来改变光源，使阴影偏向不同的方向跟距离
如果光源是在左边，那么dx 是为正的，
光源在最右边，那么dx就是负
光源在上那么dy 为正
光源在下，那么dy 为负
那么左上，右下就是。。。。。。
dx 跟 dy 的正负调节方向，其值的大少影响距离，dx 跟 dy 的比值就影响光源的角度

< TextView android:id="@+id/test_shadow" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="60sp" android:textColor="#ffffffff" android:shadowColor="#ff000000" android:text="Test Shadow" android:layout_gravity="center" android:shadowRadius="1" android:shadowDx="5" android:shadowDy="0" /> < TextView android:id="@+id/test_shadow2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="60sp" android:textColor="#ffffffff" android:layout_gravity="center" android:text="Test Shadow" android:shadowColor="#ff000000" android:shadowRadius="1" android:shadowDx="-5" android:shadowDy="0" /> < TextView android:id="@+id/test_shadow2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="60sp" android:textColor="#ffffffff" android:layout_gravity="center" android:text="Test Shadow" android:shadowColor="#ff000000" android:shadowRadius="1" android:shadowDx="0" android:shadowDy="5" /> < TextView android:id="@+id/test_shadow3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="60sp" android:textColor="#ffffffff" android:layout_gravity="center" android:text="Test Shadow" android:shadowColor="#ff000000" android:shadowRadius="1" android:shadowDx="0" android:shadowDy="-5" />

文章图片

带一点浮雕效果的，把dx dy都设置较小的值
现在三组设置为（0.2 ， 0.2），（1 ， 1），（2 ， 2）

文章图片

光圈效果：
把dx dy设置为0 ， Raduis位置较大就行了，字体颜色跟阴影颜色要协调（建议使用相同，相近，相差太大就难看比如黑色跟白色）
试验代码：

< TextView android:id="@+id/test_shadow" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="60sp" android:textColor="#ffffffff" android:layout_gravity="center" android:text="Test Shadow" android:shadowColor="#ff00ff00" android:shadowRadius="1" android:shadowDx="0" android:shadowDy="0" /> < TextView android:id="@+id/test_shadow2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="60sp" android:textColor="#ffffffff" android:layout_gravity="center" android:text="Test Shadow" android:shadowColor="#ffee00ff" android:shadowRadius="2" android:shadowDx="0" android:shadowDy="0" /> < TextView android:id="@+id/test_shadow2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="60sp" android:textColor="#ffffffff" android:layout_gravity="center" android:text="Test Shadow" android:shadowColor="#ffeedd00" android:shadowRadius="5" android:shadowDx="0" android:shadowDy="0" /> < TextView android:id="@+id/test_shadow2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="60sp" android:textColor="#ffffffff" android:layout_gravity="center" android:text="Test Shadow" android:shadowColor="#ff335824" android:shadowRadius="10" android:shadowDx="0" android:shadowDy="0" />

文章图片
这样看起来还算好看把

荧光灯的效果：把把dx dy设置为0 ， Raduis位置较大就行了，最重要的事字体颜色跟背景颜色一样（或者非常相近）

文章图片

文章图片

如果再把dx 跟 dy再设置一下的话就会变成这样的dx dy 分别为 (1 ,1) , (2 , 2) , (5 , 5) ,(10 , 10)

文章图片

上面使用的背景色跟字体都是为（#ff895544）那么我们把字体设置为相近（#ff784433）的那么结果为：
代码：

< LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:background="#ff895544" > < TextView android:id="@+id/test_shadow" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="60sp" android:textColor="#ff784433" android:layout_gravity="center" android:text="Test Shadow" android:shadowColor="#ff00ff00" android:shadowRadius="1" android:shadowDx="1" android:shadowDy="1" /> < TextView android:id="@+id/test_shadow2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="60sp" android:textColor="#ff784433" android:layout_gravity="center" android:text="Test Shadow" android:shadowColor="#ffee00ff" android:shadowRadius="2" android:shadowDx="2" android:shadowDy="2" /> < TextView android:id="@+id/test_shadow2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="60sp" android:textColor="#ff784433" android:layout_gravity="center" android:text="Test Shadow" android:shadowColor="#ffeedd00" android:shadowRadius="5" android:shadowDx="5" android:shadowDy="5" /> < TextView android:id="@+id/test_shadow2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="60sp" android:textColor="#ff784433" android:layout_gravity="center" android:text="Test Shadow" android:shadowColor="#ff335824" android:shadowRadius="10" android:shadowDx="10" android:shadowDy="10" /> < /LinearLayout>

结果就是：

文章图片
这个更明显一点
再把dx dy 都设置为0
结果：

文章图片

颜色混合：主要是修改字体颜色的alpha值
【Android TextView加上阴影效果】代码：

< LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:background="#ff000000" > < TextView android:id="@+id/test_shadow" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="60sp" android:textColor="#ffffffff" android:layout_gravity="center" android:text="Test Shadow" android:shadowColor="#ffffff00" android:shadowRadius="5" android:shadowDx="0" android:shadowDy="0" /> < TextView android:id="@+id/test_shadow" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="60sp" android:textColor="#afffffff" android:layout_gravity="center" android:text="Test Shadow" android:shadowColor="#ffffff00" android:shadowRadius="5" android:shadowDx="0" android:shadowDy="0" /> < TextView android:id="@+id/test_shadow" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="60sp" android:textColor="#9fffffff" android:layout_gravity="center" android:text="Test Shadow" android:shadowColor="#ffffff00" android:shadowRadius="5" android:shadowDx="0" android:shadowDy="0" /> < TextView android:id="@+id/test_shadow" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="60sp" android:textColor="#6fffffff" android:layout_gravity="center" android:text="Test Shadow" android:shadowColor="#ffffff00" android:shadowRadius="5" android:shadowDx="0" android:shadowDy="0" /> < TextView android:id="@+id/test_shadow

推荐阅读

第一次使用微波炉要清洗吗，微波炉清洗完可以直接用吗

副科级相当于什么军衔

【WordPress】提升网站打开速度，图片优化神器ShortPixel Image Optimizer使用教程

网上报税下载哪个app etax网上报税哪里下载，网上报税用什么软件

林内即享热水器代码是什么故障,出现这故障是什么原因

罗勒酱是什么酱罗勒酱是什么

哪些娱乐圈八卦你听了觉得难以置信？

血管|秋冬输液能通血管？医生根本没推荐过！这个害死人的“秘方”别再信了

屏幕跳到最下方

玩吧app怎么加好友关于在玩吧APP中添加好友的图文教程

伊万格琳娜·艾格洛蒲露丝伊万格丽娜

庆东锅炉锅炉面板显示16故障怎么解决,只要注意好这几点就行

水星MW310R，水星MW310R怎么样水星MW310R好吗

卡片相机一般用哪种三脚架比较好？

爱上了比自己大16岁的已婚大叔,是否是不好的结局？

vue-cli|vue-cli rem自适应 px to rem

聊聊springboot项目全局异常处理那些事儿

司机抱小孩开车算违章吗司机抱着小孩开车怎么处罚

鲁滨逊漂流记与格列佛游记的不同

车载导航系统刷机方法有哪些

call和applay的使用

JSP Scriptlet标记（脚本元素）

如何在Windows 10中启用或禁用Windows Ink（分步指南）

Esrv.exe程序错误0xc0000142（修复方法详细指南）

什么是gcapi.dll、用途以及如何删除它（）

LogTransport2.exe提示和指南（它是什么以及如何修复错误（））

如何修复Windows 10中的更新错误0x800f0805（解决办法）

安装系统系统之家迅速重装系统大师运用图文详细教程

Windows7安装光盘图文详细教程