前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Android给布局、控件加阴影效果的示例代码

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

作者头像
砸漏
发布2020-10-26 22:25:33
3.2K0
发布2020-10-26 22:25:33
举报
文章被收录于专栏:恩蓝脚本恩蓝脚本

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

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

代码语言:javascript
复制
<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来实现的。

代码语言:javascript
复制
<?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  

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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-09-11 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档