Android LinearLayout, RelativeLayout圆角带阴影效果实现

最新推荐文章于 2024-04-30 06:34:28 发布
最新推荐文章于 2024-04-30 06:34:28 发布
阅读量7.2k 收藏 3
点赞数
分类专栏： Android 文章标签： RelativeLayout圆角带阴影效果实现 LinearLayout圆角带阴影效果实现
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yzwfeng/article/details/84319454
版权

需求应用场景如下：

 

需求

我们知道android5.0以上，我们可以通过cardView实现， 在gradle中添加cardview依赖，使用cardView实现，比较简单.但是我们开发中可能遇到这样的场景，以前的项目是用LinearLayout或者Relativelayout布局的，怎么办，于是你需要往下看：

首先5.0以上，android新加入了elevation属性，我们可以通过这个属性实现阴影，同时通过shape控制圆角；

那么5.0以下呢，没有这个属性，那我们就得自己画了，通过layer-list图层可以解决这个问题

下面是三种实现的效果

 

三种效果

现在上代码：

第一种，Linearlayout，5.0以下

Linearlayout

LinearLayout5.0以下布局

shadow_shape.xml（1）

shadow_shape.xml（2）

第二种，Linearlayout5.0以上

LinearLayout5.0以上布局

ll_shadow_shape.xml

第三种，CardView阴影效果

导入

gradle导入cardview

布局

cardview圆角阴影

尹中文
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
安卓真正阴影实现
Android程序员的博客
08-16 4828
安卓界面开发中，常会遇到要阴影的情况。大部分我们用android:elevation或多层的Drawable来实现。但对于像素眼的UI来说，偏偏让我们更改阴影的颜色还要模糊度。一般我直接用“系统没有相关属性”怼回去，因为网上实在没找到现成好用的。但最近被逼无奈实现一个，跟大家分享下。 闲话少说，实现效果走一波： 这个布局叫ShadowRelativeLayout,从名字你就知道他继承谁...
Android 实现一个通用的圆角布局
Android 开发架构
01-30 2363
前言 我们在平时的开发中，经常会遇到圆角需求，比如下图 一般的实现方法是上面的图片左上和右上设置圆角，下面的文字部分左下和右下设置圆角，而 Glide 默认是不支持指定位置设置圆角的，需要通过自定义 Transformation 实现，而 GIF 动图也是不支持圆角的。 有些同学说了，加个遮罩不就行了吗？ 先不说会不会被视觉小姐姐喷：一个圆角都做不了，还要我给你做遮罩图！ 我自己本身也是无法接受...
Android控件阴影效果的几种实现方法
最新发布
2401_84520093的博客
04-30 474
TextView/>需要注意的是，。如果需要让布局控件比如LinearLayout有阴影效果怎么办呢？解决方案就是：制作带有阴影效果的图片作为背景图片。用9png图片实现通用阴影效果网站提供强大的参数设置功能，能够满足我们设置阴影png需求。制作出来的效果：用9png图片实现网络传输关于9png的使用，平常我们可能会将制作好的png图片放入工程中，然后打包进apk内安装使用。但是有需求是要求从网络获取9png图片，然后在apk的控件中显示出来。
Android对LinearLayout设置圆角及透明背景图片
vcoy的博客
04-03 5229
1.布局文件，图片自己选择 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="mat
RelativeLayout圆角处理
luningj2me的专栏
09-13 1880
RelativeLayout圆角处理以后，可以变相对子view进行圆角处理，如ImageView，VideoView等 RoundRelativeLayout具体实现 比较简单，只需要在初始化时设置一下layout的ViewOutlineProvider，方便起见，这里写死radius为20dp /** * 一个可以把RelativeLayout裁剪成圆角的自定义RelativeLayout布局 * 由于layout里面的子view同样会被裁剪，例如VideoView，ImageVi..
Android学习笔记之圆角的实现
徐刘根的博客
01-16 1659
（1）布局文件：一个button <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layo
android 直线 阴影,如何在android中的linearlayout周围显示阴影？
weixin_35038173的博客
05-29 577
您可以将以下类用于xml标记：import android.annotation.SuppressLint;import android.content.Context;import android.content.res.TypedArray;import android.graphics.Bitmap;import android.graphics.BlurMaskFilter;import ...
Android实现万能自定义阴影控件实例代码
08-25
Android 实现万能自定义阴影控件实例代码主要分为七个部分：阴影效果有哪些实现方式、实现阴影效果 Api、设置阴影需要注意哪些、常见 Shape 实现阴影效果、自定义阴影效果控件、如何使用该阴影控件、在 ...
Android源码——图片阴影效果和影子效果源码.zip
10-08
本资源包含的"Android源码——图片阴影效果和影子效果源码.zip"提供了实现这一目标的具体代码示例。以下将详细讲解如何在Android中实现图片阴影和影子效果，并探讨相关的关键知识点。 首先，Android提供了`View`类...
android listview 圆角的实现方案，模仿Iphone的UITableView
10-05
对于阴影效果，可以使用`android:elevation`属性（API 21及以上版本）或第三方库实现。 在提供的"Testlist"压缩包中，可能包含了一个简单的实现示例，你可以参考其中的代码来理解上述方法的具体应用。在实际开发中...
Android项目 效果更接近iphone.rar
09-09
Android提供了丰富的布局（如LinearLayout, RelativeLayout, ConstraintLayout）和样式（Material Design）来构建界面，但要实现iOS的扁平化设计和层次感，开发者可能需要自定义ViewGroup或使用第三方库如Carbon、...
Android自定义View实现带4圆角或者2圆角的效果
01-03
1 问题 实现任意view经过自定义带4圆角或者2圆角的效果 2 原理 1) 实现view 4圆角 我们只需要把左边的图嵌入到右边里面去，最终显示左边的图就行。 2) 实现view上2圆角 我们只需要把左边的图嵌入到右边里面去，最终显示左边的图就行。 安卓源码里面有这样的类 package android.graphics; /** * <p>Specialized implementation of {@link Paint}'s * {@link Paint#setXfermode(Xfermode) transfer mode}. Refer to the * docume
Android3D翻页效果的倒计时控件
04-22
本知识点将详细介绍如何在Android中实现一个具有3D翻页效果的倒计时控件。这个控件不仅能够显示倒计时，还能通过上下翻转增加视觉吸引力，提升用户体验。 首先，我们需要理解倒计时控件的基本原理。在Android中，倒...
android原生项目新建项目界面之阴影和圆角
ヾ(Ő∀Ő๑)ﾉ太好惹
05-05 944
android界面优化，阴影，卡片布局
安卓在linearLayout或者其他一些组件底部添加阴影
月中老郎
11-24 2106
有两种解决方案： 1、使用9-patch 图片，制作一个阴影部分的图片，然后横向拉伸即可   2、使用layer-list 在res/drawable下，新建background_with_shadow.xml文件，该文件代码如下： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 ...
Android之elevation实现阴影效果
码莎拉蒂
10-16 4068
1 需求 需要控件实现阴影效果 2 实现 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:b...
relativelayout设置边框_Android TableLayout 增加边框，以及圆角的实现方式
weixin_39540744的博客
12-31 622
Android TableLayout 增加边框，以及圆角的实现方式发布时间：2018-06-11作者：laosun阅读(3821)android 使用tablelayout实现圆角边框布局：首先来看activity_main.xml的布局代码android:layout_width="fill_parent"android:layout_height="fill_parent"android:b...
在XML中为layout设置阴影
guozhaohui628
05-25 1万+
1.写在前面因为有这个需求，所以搜很多资料，也看到了很多方法为layout添加阴影但是最好的方法我感觉是如下两个 github地址，项目中使用 github地址，并没有用它 我使用的是第一个，原因主要两天：1.使用说明详细 2.star比第二个多很多 。但是比较蛋疼的是这个使用指南全是英文，所以一些添加阴影的属性不知道什么意思。所以我写了个demo测试了下这些属性。所以写这个博客主要是熟
android开发 -- 视图和阴影 详解（Material Design）
热门推荐
蔡小波的博客
12-04 1万+
在Android L中设置一个阴影很简单，只需要两点： 1.设置eleavation值 （高度） 2.添加一个背景或者outline （即阴影的形状）
android studio linearlayout和relativelayout混用
03-29
在Android Studio中，LinearLayout和RelativeLayout可以混合使用。这取决于您的布局需求和UI设计。 例如，您可以使用RelativeLayout作为根视图，然后在其中使用LinearLayout来组织和排列子视图。或者，您可以使用LinearLayout作为根视图，并在其中使用RelativeLayout作为子视图之一。 以下是一些示例代码，演示如何混合使用LinearLayout和RelativeLayout： 示例1： ``` <RelativeLayout android:layout_width="match_parent" android:layout_height="match_parent"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" android:layout_centerInParent="true"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Hello World!" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Click me!" /> </LinearLayout> </RelativeLayout> ``` 示例2： ``` <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="This is a title" /> <RelativeLayout android:layout_width="match_parent" android:layout_height="wrap_content"> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/image" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="This is some text" android:layout_toRightOf="@id/imageView"/> </RelativeLayout> </LinearLayout> ``` 在这两个示例中，RelativeLayout用作父布局，而LinearLayout或RelativeLayout用作子布局。您可以根据需要进行自定义和修改。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值