zoukankan      html  css  js  c++  java
  • Android中用layer-list编写阴影效果

    转载自:Android中用layer-list编写阴影效果

    要实现这种效果当然有多 种方式,比如背景图片直接加阴影效果,或者用代码画一个(onDraw())。这次我们直接用layer-list来实现。在项目 res->drawable中创建一个xml,如果列表中有layer-list选择的话直接选择创建,如果没有的话就随意(似乎4.0以下没有 layer-list选择),没有的话将xml文件中的根标签改为layer-list即可。上述效果具体代码如下:

    [html] view plaincopy在CODE上查看代码片派生到我的代码片
     
    1. <?xml version="1.0" encoding="utf-8"?>  
    2. <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >  
    3.    
    4.     <!-- 阴影部分 -->  
    5.     <!-- 个人觉得更形象的表达:top代表下边的阴影高度,left代表右边的阴影宽度。其实也就是相对应的offset,solid中的颜色是阴影的颜色,也可以设置角度等等 -->  
    6.     <item  
    7.         android:left="2dp"  
    8.         android:top="2dp">  
    9.         <shape android:shape="rectangle" >  
    10.    
    11.             <gradient  
    12.                 android:angle="270"  
    13.    
    14.                 android:endColor="#0F000000"  
    15.                 android:startColor="#0F000000" />  
    16.    
    17.             <corners  
    18.                 android:bottomLeftRadius="6dip"  
    19.                 android:bottomRightRadius="6dip"  
    20.                 android:topLeftRadius="6dip"  
    21.                 android:topRightRadius="6dip" />  
    22.         </shape>  
    23.     </item>  
    24.    
    25.     <!-- 背景部分 -->  
    26.     <!-- 形象的表达:bottom代表背景部分在上边缘超出阴影的高度,right代表背景部分在左边超出阴影的宽度(相对应的offset) -->  
    27.     <item  
    28.         android:bottom="3dp"  
    29.         android:right="3dp">  
    30.         <shape android:shape="rectangle" >  
    31.    
    32.             <gradient  
    33.                 android:angle="270"  
    34.                 android:endColor="#FFFFFF"  
    35.                 android:startColor="#FFFFFF" />  
    36.    
    37.             <corners  
    38.                 android:bottomLeftRadius="6dip"  
    39.                 android:bottomRightRadius="6dip"  
    40.                 android:topLeftRadius="6dip"  
    41.                 android:topRightRadius="6dip" />  
    42.         </shape>  
    43.     </item>  
    44.    
    45. </layer-list>  

  • 相关阅读:
    【个人实战】作品展播BI大屏【部分见github主页】
    JAVA设计模式之单例(singleton)
    你所不知道的redis安装方法,穿一手鞋,看一手资料
    zookeeper实现分布式锁总结,看这一篇足矣(设计模式应用实战)
    JAVA设计模式之状态模式(state)
    JAVA设计模式之适配器模式(adapter)
    JAVA设计模式之构建器模式(builder)
    Redis实现分布式锁(设计模式应用实战)
    JAVA设计模式之享元模式(flyweight)
    JAVA设计模式之组合模式(composite)
  • 原文地址:https://www.cnblogs.com/exmyth/p/4649026.html
Copyright © 2011-2022 走看看