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

   android:shadowDx=""

   android:shadowDy=""

   />

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

   android:shadowDx=""

   android:shadowDy=""

   />

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

   android:shadowDx=""

   android:shadowDy=""

   />

字体阴影需要四个相关参数：

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

            android:shadowDx=""

            android:shadowDy=""

            />

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

            android:shadowDx=""

            android:shadowDy=""

            />

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

            android:shadowDx=""

            android:shadowDy=""

            />

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

            android:shadowDx=""

            android:shadowDy=""

            />

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

            android:shadowDx="-5"

            android:shadowDy=""

            />

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

            android:shadowDx=""

            android:shadowDy=""

            />

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

            android:shadowDx=""

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

            android:shadowDx=""

            android:shadowDy=""

            />

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

            android:shadowDx=""

            android:shadowDy=""

            />

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

            android:shadowDx=""

            android:shadowDy=""

            />

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

            android:shadowDx=""

            android:shadowDy=""

            />

这样看起来还算好看把

荧光灯的效果：把把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=""

            android:shadowDx=""

            android:shadowDy=""

            />

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

            android:shadowDx=""

            android:shadowDy=""

            />

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

            android:shadowDx=""

            android:shadowDy=""

            />

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

            android:shadowDx=""

            android:shadowDy=""

            />

</LinearLayout>

结果就是：

这个更明显一点

再把dx dy 都设置为0

结果：

颜色混合：主要是修改字体颜色的alpha值

代码：

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

            android:shadowDx=""

            android:shadowDy=""

            />

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

            android:shadowDx=""

            android:shadowDy=""

            />

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

            android:shadowDx=""

            android:shadowDy=""

            />

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

            android:shadowDx=""

            android:shadowDy=""

            />

     <TextView

            android:id="@+id/test_shadow"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:textSize="60sp"

            android:textColor="#3fffffff"

            android:layout_gravity="center"

            android:text="Test Shadow"

            android:shadowColor="#ffffff00"

            android:shadowRadius=""

            android:shadowDx=""

            android:shadowDy=""

            />

</LinearLayout>

果：可以让阴影颜色现在显示在字体颜色中

代码：

<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="#cc000000"

            android:text="Test Shadow"

            android:layout_gravity="center"

            android:shadowColor="#aa22ff22"

            android:shadowRadius=""

            android:shadowDx=""

            android:shadowDy=""

            />

     <TextView

            android:id="@+id/test_shadow"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:textSize="60sp"

            android:textColor="#aa000000"

            android:text="Test Shadow"

            android:layout_gravity="center"

            android:shadowColor="#aa22ff22"

            android:shadowRadius=""

            android:shadowDx=""

            android:shadowDy=""

            />

      <TextView

            android:id="@+id/test_shadow"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:textSize="60sp"

            android:textColor="#77000000"

            android:text="Test Shadow"

            android:layout_gravity="center"

            android:shadowColor="#aa22ff22"

            android:shadowRadius=""

            android:shadowDx=""

            android:shadowDy=""

            />

       <TextView

            android:id="@+id/test_shadow"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:textSize="60sp"

            android:textColor="#33000000"

            android:text="Test Shadow"

            android:layout_gravity="center"

            android:shadowColor="#aa22ff22"

            android:shadowRadius=""

            android:shadowDx=""

            android:shadowDy=""

            />

        <TextView

            android:id="@+id/test_shadow2"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:textSize="60sp"

            android:textColor="#33000000"

            android:text="Test Shadow"

            android:layout_gravity="center"

            android:shadowColor="#aaffffff"

            android:shadowRadius=""

            android:shadowDx=""

            android:shadowDy=""

            />

        <TextView

            android:id="@+id/test_shadow2"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:textSize="60sp"

            android:textColor="#55000000"

            android:text="Test Shadow"

            android:layout_gravity="center"

            android:shadowColor="#ffffffff"

            android:shadowRadius=""

            android:shadowDx=""

            android:shadowDy=""

            />

        <TextView

            android:id="@+id/test_shadow2"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:textSize="60sp"

            android:textColor="#77000000"

            android:text="Test Shadow"

            android:layout_gravity="center"

            android:shadowColor="#ffffffff"

            android:shadowRadius=""

            android:shadowDx=""

            android:shadowDy=""

            />

        <TextView

            android:id="@+id/test_shadow2"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:textSize="60sp"

            android:textColor="#99000000"

            android:text="Test Shadow"

            android:layout_gravity="center"

            android:shadowColor="#ffffffff"

            android:shadowRadius=""

            android:shadowDx=""

            android:shadowDy=""

            />

        <TextView

            android:id="@+id/test_shadow2"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:textSize="60sp"

            android:textColor="#aa000000"

            android:text="Test Shadow"

            android:layout_gravity="center"

            android:shadowColor="#ffffffff"

            android:shadowRadius=""

            android:shadowDx=""

            android:shadowDy=""

            />

</LinearLayout>

：

通过改变字体背景色，字体颜色字体阴影色阴影半径 dx dy alpha 就可以实现这么多种效果（当然还有更多的效果，主要是颜色搭配）

原来textView也可以这么美，完全不需要使用图片

Android TextView加上阴影效果的更多相关文章

Android开发15——给TextView加上滚动条
给TextView加上滚动条非常简单,只需要把TextView标签放在ScrollView标签中 <ScrollView android:layout_width="wrap_cont ...
Android TextView 阴影效果（投影）
Android TextView 阴影效果(投影) 四个参数: 1 2 3 4 android:shadowColor="@color/white" android:shadowD ...
android之字体阴影效果
今天刚刚好做了个字体阴影的效果,感觉加上了阴影的效果立体感十足啊!写了个简单的demo与大家分享下!主要是以下四个属性 android:shadowColor 阴影的颜色 android:shad ...
Android TextView 添加下划线的几种方式
总结起来大概有5种做法: 1. 将要处理的文字写到一个资源文件,如string.xml(使用html用法格式化) 2. 当文字中出现URL.E-mail.电话号码等的时候,可以将TextView ...
Android TextView图文混合编排
Android TextView图文混合编排实现技术细节不难,两个要点:1.html代码的混合编写.2,重写ImageGetter.例如:布局: <?xml version="1.0 ...
Android:TextView 自动滚动(跑马灯) （转）
Android:TextView 自动滚动(跑马灯) TextView实现文字滚动需要以下几个要点: 1.文字长度长于可显示范围:android:singleLine="true ...
android Textview动态设置大小
import android.app.Activity; //import com.travelzen.tdx.BaseActivity; //import com.travelzen.tdx.uti ...
Android TextView内容过长加省略号，点击显示全部内容
在Android TextView中有个内容过长加省略号的属性,即ellipsize,用法如下: 在xml中:android:ellipsize="end" 省略号在结尾an ...
android TextView多行文本(超过3行)使用ellipsize属性无效问题的解决方法
这篇文章介绍了android TextView多行文本(超过3行)使用ellipsize属性无效问题的解决方法,有需要的朋友可以参考一下布局文件中的TextView属性复制代码代码如下: < ...

随机推荐

利用IOC—— Castle进行对象映射，以及结合Nhibernate访问数据库
相信很多人对IOC这个概念并不陌生,简而言之其核心就是利用反射来创建对象来实现解耦. 具体这么做解耦的好处是什么,因为鄙人做的项目还不多,所以还没体会到. 但好的项目大概是这样的就是实现“高内聚,低 ...
理解Cookie与Session
HTTP本身是无状态的. 这符合HTTP协议设计的目的.客户端只是简单地向服务器请求某种资源.两者都没有必须记录彼此过去的行为,每一次请求之间都是独立的. 为了保存状态.在客户端使用Cookie,在S ...
pip快速下载安装python 模块module
g刚开始学习python时,每次想要安装某个module,都到处找module的安装包(exe.whl等) 装setuptools,然后在cmd里用easy_install装pip,然后用pip装你要 ...
oc与swift比较
swift试是用语言层面的雕虫小技和oc的机制大道进行pk. 从整体上来说,oc是一个更加优秀的语言.
伍、ajax
一.ajax的概念通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 传统的网页(不使用 AJAX)如果需要更新 ...
oracle 的列转行函数 listagg()
当你的表X中有A,B两列,数据如下 A B a 1 a 2 a 3 b 1 b 2 b 3 想让数据以 a|1|2|3 , b|1|2|3 格式显示可使用listagg() 1.使用listagg() ...
安装NexT主题
Hexo 安装主题的方式非常简单,只需要将主题文件拷贝至站点目录的 themes 目录下, 然后修改下配置文件即可. 下载主题包在终端窗口下,定位到 Hexo 站点目录下.使用 Git checko ...
javaScript 通过flie API读取本地文件
File API是HTML5新增内容,依靠file和FileReader,这两个对象完成,代码如下: var fileInput = document.getElementById('test-ima ...
ArcGIS 安装
百度网盘下载链接密码:tvm6 打开解压的文件后,第一步为安装licence manager(安装监听) 打开\ArcGIS10.4\LicenseManager中的Setup.exe 傻瓜式安装 ...
WinServer-AD域控入门
计算机账户和用户账户的区别域控中不需要事先建立计算机账户,但必须建立登录用户账户. 计算机只要知道域控管理员或者授权管理账户,就可以利用此账户为所有计算机加域. 计算机加域成功之后,都会在AD管理里 ...

Android TextView加上阴影效果

Android TextView加上阴影效果的更多相关文章

随机推荐

热门专题