天天看点

Android控件 阴影效果

1. 定义layer-list的xml文件,设置背景

<?xml version="1.0" encoding="utf-8"?>  
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >  

    <!-- 阴影部分 -->  
    <!-- 个人觉得更形象的表达:top代表下边的阴影高度,left代表右边的阴影宽度。其实也就是相对应的offset,solid中的颜色是阴影的颜色,也可以设置角度等等 -->  
    <item  
        android:left="2dp"  
        android:top="2dp"  
        android:right="2dp"  
        android:bottom="2dp">  
        <shape android:shape="rectangle" >  

            <gradient  
                android:angle="270"  
                android:endColor="#0F000000"  
                android:startColor="#0F000000" />  

            <corners  
                android:bottomLeftRadius="6dip"  
                android:bottomRightRadius="6dip"  
                android:topLeftRadius="6dip"  
                android:topRightRadius="6dip" />  
        </shape>  
    </item>  

    <!-- 背景部分 -->  
    <!-- 形象的表达:bottom代表背景部分在上边缘超出阴影的高度,right代表背景部分在左边超出阴影的宽度(相对应的offset) -->  
    <item  
        android:left="3dp"  
        android:top="3dp"  
        android:right="3dp"  
        android:bottom="5dp">  
        <shape android:shape="rectangle" >  

            <gradient  
                android:angle="270"  
                android:endColor="#FFFFFF"  
                android:startColor="#FFFFFF" />  

            <corners  
                android:bottomLeftRadius="6dip"  
                android:bottomRightRadius="6dip"  
                android:topLeftRadius="6dip"  
                android:topRightRadius="6dip" />  
        </shape>  
    </item>  
</layer-list> 
           

2。使用ShadowLayout

添加依赖

Gradle:

Maven:

   <dependency>
      <groupId>com.lijiankun24</groupId>
      <artifactId>shadowlayout</artifactId>
      <version>1.0.0</version>
      <type>pom</type>
    </dependency>
           

 xml 布局文件实现

   <com.lijiankun24.shadowlayout.ShadowLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="30dp"
        app:shadowColor="#66000000"
        app:shadowDx="0dp"
        app:shadowDy="3dp"
        app:shadowRadius="10dp"
        app:shadowSide="all">        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@android:color/white"
            android:contentDescription="@null"
            android:src="@mipmap/ic_launcher"/>
    </com.lijiankun24.shadowlayout.ShadowLayout>                  3.ShadowViewHelper的使用                  github 地址:https://github.com/wangjiegulu/ShadowViewHelper
                   
compile 'com.github.wangjiegulu:ShadowViewHelper:1.0.1'
           
ShadowViewHelper.bindShadowHelper(
                new ShadowProperty()
                        .setShadowColor(0x77FF0000)
                        .setShadowDy(3)
                        .setShadowRadius(3)
                , findViewById(R.id.linearlayout));
           

 其中

findViewById(R.id.linearlayout)可以是自己写的任意控件
           

继续阅读