Android项目实战(三十六):给背景加上阴影效果

简介: 圆角背景大家应该经常用:一个drawable资源文件  里面控制corner圆角 和solid填充色    那么在此基础上 , 实现带阴影效果的圆角背景   代码如下  效果: 可以看到 右侧和下侧都有一个小范围的灰色阴影效果。

 

圆角背景大家应该经常用:

一个drawable资源文件  里面控制corner圆角 和solid填充色 

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <corners android:radius="@dimen/dp_2"></corners>
    <solid android:color="@color/standard_main"></solid>
</shape>

 

 那么在此基础上 , 实现带阴影效果的圆角背景  

 代码如下

<?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="4dp"
    android:top="4dp">
    <shape android:shape="rectangle" >

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

        <corners
            android:bottomLeftRadius="@dimen/dp_4"
            android:bottomRightRadius="@dimen/dp_14"
            android:topLeftRadius="@dimen/dp_4"
            android:topRightRadius="@dimen/dp_4" />
    </shape>
</item>

<!-- 背景部分 -->
<!-- 形象的表达:bottom代表背景部分在上边缘超出阴影的高度,right代表背景部分在左边超出阴影的宽度(相对应的offset) -->
<item
    android:bottom="3dp"
    android:left="@dimen/dp_0.5"
    android:top="@dimen/dp_0.5"
    android:right="3dp">
    <shape android:shape="rectangle" >
        <gradient
            android:angle="270"
            android:endColor="#FFFFFF"
            android:startColor="#FFFFFF" />

        <corners
            android:bottomLeftRadius="@dimen/dp_4"
            android:bottomRightRadius="@dimen/dp_14"
            android:topLeftRadius="@dimen/dp_4"
            android:topRightRadius="@dimen/dp_4" />
    </shape>
</item>

</layer-list>

 效果: 可以看到 右侧和下侧都有一个小范围的灰色阴影效果。

 

 

在实际产品中作为列表item的背景效果:

 

 是不是实现了一种类似cardview的效果 

 

相关文章
|
4月前
|
Android开发
android全透明背景色: android 开发 背景常用透明度
android全透明背景色: android 开发 背景常用透明度
36 0
|
4月前
|
Android开发
UniApp Android 页面拖动,去掉半圆形阴影
UniApp Android 页面拖动,去掉半圆形阴影
105 0
|
3月前
|
Android开发
Android中如何动态的调整Dialog的背景深暗
在Android开发中,Dialog和DialogFragment可通过设置`Window`的`backgroundDimAmount`来控制背景变暗,突出对话框。在DialogFragment的`onCreateDialog`或`onViewCreated`中,获取`Dialog`的`Window`,设置`LayoutParams.dimAmount`(例如0.5f)并添加`FLAG_DIM_BEHIND`标志。要动态调整,可保存`LayoutParams`并在需要时更新。对于Dialog,创建时直接设置同样属性。还可以通过定义主题样式设置背景模糊程度。
89 7
|
3月前
|
开发工具 Android开发
Android 代码自定义drawble文件实现View圆角背景
Android 代码自定义drawble文件实现View圆角背景
119 0
|
4月前
|
XML Java Android开发
android背景颜色渐变及改变title颜色
android背景颜色渐变及改变title颜色
30 4
|
4月前
|
XML Java Android开发
如何美化android程序:自定义ListView背景
如何美化android程序:自定义ListView背景
36 2
|
3月前
|
Java 机器人 Linux
01. 【Android教程】系统背景及结构概述
01. 【Android教程】系统背景及结构概述
27 0
|
存储 缓存 前端开发
Android Github 上面优秀的两种阴影方案,完美兼容高低版本问题
Android Github 上面优秀的两种阴影方案,完美兼容高低版本问题
|
Android开发
UniApp Android 页面拖动,去掉半圆形阴影
UniApp Android 页面拖动,去掉半圆形阴影
146 0
|
Java API Android开发
Android项目实战:使用Retrofit构建天气预报应用
1. 项目简介 在这个Android项目实战中,我们将构建一个简单的天气预报应用。用户可以输入城市名称,获取该城市的实时天气信息、未来几天的天气预报以及其他相关信息。为了实现这个功能,我们将使用Retrofit框架进行网络请求,从OpenWeatherMap API获取天气数据。
275 0