Android使用shape绘制阴影图层阴影效果示例

 更新时间:2018年06月08日 10:03:23   作者:York_zhang  
本篇文章主要介绍了Android使用shape绘制阴影图层阴影效果示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

最近在项目中用到一个比较有意思的阴影特效

从上面的效果图上可以发现在图片的右、下有一个阴影的特效,通过这个阴影效果明显会使得这个提示文本有一种立体的观感。瞬间高大上有木有?

基于以上UI效果,有两种最基本的实现方式:UI给出阴影底图和程序猿自我实现两种。

在这里UI设计师给出阴影底图的方式我们就不做讨论了,我们来看下程序猿自我实现的方式怎么做。

首先我们来分析一下上面UI效果,我们不难发现其实上图所示的ui效果本质上可以看成两个图层的叠加,那么有的小伙伴就要说了不就是两个图层的叠加嘛,用画笔(paint)和画布(cavns)来画就好了。但就我个人而言我觉得用画笔来画这种方式有点麻烦了。我们可以想到的另一个神器shape,我们用两个shape来叠加不就好了吗?说干就干,直接上代码:

<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" > 
 
  <!-- 第一层 上部和左部偏移一定距离-->  
  <item 
    android:left="2.66dp" 
    android:top="2.66dp"> 
    <shape> 
      <solid android:color="#f5f5f5" /> 
      <!-- 描边 --> 
      <stroke 
        android:width="1dp" 
        android:color="#f5f5f5" /> 
    </shape> 
  </item> 
  <!-- 第二层 下部和有部偏移一定距离--> 
  <item 
    android:bottom="2.66dp" 
    android:right="2.66dp"> 
    <shape> 
      <solid android:color="#ffffff" /> 
      <!-- 描边 --> 
  
      <stroke android:width="0.33dp" android:color="#dedede" /> 
    </shape> 
  </item>  
</layer-list> 

是不是实现起来超简单。也许有些初学者可能会有疑惑,你说解决了就解决了啊?好吧,别急。照顾初学者的感受,我这里给出它的详细使用方法:

1、在res/drawable目录下新建一个文件,这个文件内容就是如上的代码,文件名就随你喜欢了,但我们最好还是按照命名规则来的好(姑且定义为tips_shadow_bg.xml)

2、在布局文件内所需要使用该效果的控件内设置background为这个drawable即可

如:

<textview  
  android:id="@+id/textview1"  
  android:layout_width="match_parent"  
  android:layout_height="wrap_content" 
  android:text="使用shape绘制阴影图层阴影效果" 
  android:background="@drawable/tips_shadow_bg">         
 </textview> 

至此,大功告成!

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Android Studio如何打包生成APK

    Android Studio如何打包生成APK

    这篇文章主要介绍了Android Studio如何打包生成APK,帮助大家更好的进行安卓开发,感兴趣的朋友可以了解下
    2020-09-09
  • Android中使用imageviewswitcher 实现图片切换轮播导航的方法

    Android中使用imageviewswitcher 实现图片切换轮播导航的方法

    ImageSwitcher是Android中控制图片展示效果的一个控件。本文给大家介绍Android中使用imageviewswitcher 实现图片切换轮播导航的方法,需要的朋友参考下吧
    2016-12-12
  • Android RxJava创建操作符Interval

    Android RxJava创建操作符Interval

    这篇文章主要为大家详细介绍了Android RxJava创建操作符Interval的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-12-12
  • Android app本地切换logo和名称

    Android app本地切换logo和名称

    大家好,本篇文章主要讲的是Android app本地切换logo和名称,感兴趣的同学赶快来看一看,对你有帮助的话记得收藏一下
    2022-02-02
  • Android  TimerTask 的简单应用及注意事项

    Android TimerTask 的简单应用及注意事项

    这篇文章主要介绍了Android TimerTask 的简单应用及注意事项的相关资料,需要的朋友可以参考下
    2017-06-06
  • Android banner详解用法案例

    Android banner详解用法案例

    android-banner实现了一般banner循环轮播的效果,一页只显示一张图片,也可以一页显示一张图和相邻两个图片的一部分,此项目仅仅是banner展示图片,没有多余的诸如指示器、页面切换动画等效果代码,详见效果图和案例代码
    2021-11-11
  • 如何利用Android Studio将moudle变成jar示例详解

    如何利用Android Studio将moudle变成jar示例详解

    这篇文章主要给大家介绍了关于如何利用Android Studio将moudle变成jar的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来跟着小编一起学习学习吧。
    2017-08-08
  • Android源码中的目录结构详解

    Android源码中的目录结构详解

    这篇文章主要介绍了Android源码中的一些目录结构,方法需要的朋友
    2013-06-06
  • Android内存溢出及内存泄漏原因进解析

    Android内存溢出及内存泄漏原因进解析

    这篇文章主要介绍了Android内存溢出及内存泄漏原因解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-08-08
  • Android实现滑动效果

    Android实现滑动效果

    这篇文章主要为大家详细介绍了Android实现滑动效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-09-09

最新评论