Android 控件设置阴影效果

 更新时间:2017年09月21日 11:16:37   作者:CL_slacking  
这篇文章主要介绍了Android 控件设置阴影效果,需要的朋友可以参考下

本文主要记录Android控件设置阴影

  • 给控件设置阴影,会使得界面元素更好看一写,google 给我们提供了一个现成的控CardView,可以将CardView看做是FrameLayout在自身之上添加了圆角和阴影效果
  • 本文是使用给控件设置背景实现阴影
  • 在res/drawable 下新建一个 Drawable Resource File
  • 使用 layer-list 图层 就是说可以多个图层一层一层盖上去
  • 新建一个渐变的图层 item作为背景图层,主要是 gradient,shape是用来定义形状的,corners设置角度,gradient定义该形状里面为渐变色填充,startColor起始颜色,endColor结束颜色,angle表示方向角度。当angle=0时,渐变色是从左向右。 然后逆时针方向转,当angle=90时为从下往上
<item >
 <shape android:shape="rectangle" >
 <gradient
  android:angle="90"
  android:endColor="#dad9d9"
  android:startColor="#03a430" />
 <corners android:radius="10dp" />
 </shape>
 </item>

这里写图片描述

新建一个图层,作为顶层图层, 阴影实现的原理,就是顶层的小显示一点,露出一部分下面的图层,这个就需要设置Item的 left, top, right, bottom属性,这几个参数的设置就类似于设置margin, 这样就可以出来阴影效果了,当然为了效果,我的参数设置的有点夸张,只设置了右边和下边的阴影,solid 设置填充, 还有stroke 设置边框,设置了颜色,设置了宽度就可以看见边框效果了

<item >
 <shape android:shape="rectangle" >
 <gradient
  android:angle="90"
  android:endColor="#dad9d9"
  android:startColor="#03a430" />

 <corners android:radius="10dp" />
 </shape>
</item>
<item android:right="20dp"
 android:bottom="40dp">
 <shape android:shape="rectangle" >
 <solid android:color="#FFFFFF"/>
 <corners android:radius="10dp" />
 </shape>
</item>

这里写图片描述

顶层的图层上,还是可以添加触摸的变化效果,即手指触碰到该控件时,控件背景色变化

<item
 android:right="2dp"
 android:bottom="6dp">
 <selector>
  <item android:state_focused="false" android:state_pressed="true" >
  <shape android:shape="rectangle" >
   <solid android:color="@color/E5"/>
   <corners android:radius="10dp" />
  </shape>
  </item>
  <item>
  <shape android:shape="rectangle" >
   <solid android:color="@color/white"/>
   <corners android:radius="10dp" />
  </shape>
  </item>
 </selector>
 </item>

使用:android:background=”@drawable/你的阴影xml文件”

这里写图片描述

<LinearLayout
 android:layout_width="match_parent"
 android:layout_height="50dp"
 android:background="@drawable/vcam_entry_border"
 android:gravity="center"
 android:orientation="vertical">
 <TextView
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:paddingRight="@dimen/common_measure_10dp"
 android:textColor="@color/black_100"
 android:text="啦啦啦啦,我有阴影"/>
</LinearLayout>

附 : 完整的阴影xml 代码

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
 <!-- 阴影部分 最下面一层 -->
 <item >
 <shape android:shape="rectangle" >
  <gradient
  android:angle="90"
  android:endColor="#777777"
  android:startColor="#C5C5C5" />
  <corners android:radius="10dp" />
 </shape>
 </item>
 <!-- 背景部分 -->
 <!-- 形象的表达:bottom left ... 类似于设置 margin -->
 <item
 android:right="2dp"
 android:bottom="6dp">
 <selector>
  <item android:state_focused="false" android:state_pressed="true" >
  <shape android:shape="rectangle" >
   <solid android:color="@color/E5"/>
   <corners android:radius="10dp" />
  </shape>
  </item>
  <item>
  <shape android:shape="rectangle" >
   <solid android:color="@color/white"/>
   <corners android:radius="10dp" />
  </shape>
  </item>
 </selector>
 </item>
</layer-list>

总结

以上所述是小编给大家介绍的Android 控件设置阴影效果,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • Android实现顶部悬浮效果

    Android实现顶部悬浮效果

    这篇文章主要为大家详细介绍了Android实现顶部悬浮效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-10-10
  • Android 获取系统语言的实例(兼容7.0)

    Android 获取系统语言的实例(兼容7.0)

    下面小编就为大家带来一篇Android 获取系统语言的实例(兼容7.0)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-05-05
  • android给RecyclerView加上折叠的效果示例

    android给RecyclerView加上折叠的效果示例

    RecyclerView有很高的自由度,本篇文章主要介绍了android给RecyclerView加上折叠的效果示例,让RecyclerView带上折叠的效果,有兴趣的可以了解一下。
    2017-02-02
  • viewpager+photoview实现图片查看器

    viewpager+photoview实现图片查看器

    这篇文章主要为大家详细介绍了viewpager+photoview实现图片查看器,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-12-12
  • android如何设置小区广播默认信道(50与60并支持双卡)

    android如何设置小区广播默认信道(50与60并支持双卡)

    置小区广播默认信道50与60,并支持双卡主要是印度市场,具体的实现如下,感兴趣的朋友可以参考下哈
    2013-06-06
  • android中colors.xml颜色设置资源文件的方法

    android中colors.xml颜色设置资源文件的方法

    这篇文章主要介绍了android中colors.xml颜色设置资源文件,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-03-03
  • Android开发中用Kotlin编写LiveData组件教程

    Android开发中用Kotlin编写LiveData组件教程

    LiveData是Jetpack组件的一部分,更多的时候是搭配ViewModel来使用,相对于Observable,LiveData的最大优势是其具有生命感知的,换句话说,LiveData可以保证只有在组件( Activity、Fragment、Service)处于活动生命周期状态的时候才会更新数据
    2022-12-12
  • Android实现网络加载图片点击大图后浏览可缩放

    Android实现网络加载图片点击大图后浏览可缩放

    这篇文章主要为大家详细介绍了Android实现网络加载图片点击大图后浏览可缩放,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-12-12
  • Android实现拍照截图功能

    Android实现拍照截图功能

    这篇文章主要介绍了Android实现拍照截图功能,简单介绍了Android实现拍照截图功能的步骤,供大家参考,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • Kotlin语言使用WebView示例介绍

    Kotlin语言使用WebView示例介绍

    随着后台技术的不断发展,App前端的应用都布置了Web页面的界面,这个界面就是由WebView组件渲染出来的。WebView由如下优点:可以直接显示和渲染Web页面或者网页;可以直接调用网络上或者本地的html文件,也可以和JavaScript交互使用
    2022-09-09

最新评论