欢迎来到代码驿站!

Android代码

当前位置:首页 > 移动开发 > Android代码

Android给布局、控件加阴影效果的示例代码

时间:2021-04-27 09:07:23|栏目:Android代码|点击:

增加阴影效果,让控件或者布局看起来有立体的效果,总的来说有两种解决方案。

1,直接使用属性: android:elevation="4dp"这样一句代码,就实现了效果,elevation表示海拔,就是布局的z轴的高度,调整高度,可以选择阴影的轻重。

<TextView 
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:gravity="center"
        android:elevation="4dp"
        android:background="@drawable/home_waitcourse_yellow_shape"
        android:textColor="@color/foorYellow"  
        android:text="报道"/>

2,这种方式就需要写点代码了,但是也不多,是通过写一个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> 

上一篇:Android实现弹窗进度条效果

栏    目:Android代码

下一篇:解析android中ProgressBar的用法

本文标题:Android给布局、控件加阴影效果的示例代码

本文地址:http://www.codeinn.net/misctech/109547.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有