Elevation阴影使用

elevation属性是design包自带的阴影功能，有几个注意事项
1.要设置background，否则不能正确展示

 android:background="@color/white"

若不是设置，则需要设置bound，但阴影效果不太一样

android:outlineProvider="bounds"

2.要设置父布局宽高大于当前布局，才能显示阴影。所以给当前布局设置margin

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="wrap_content"android:gravity="center"android:orientation="vertical"><LinearLayoutandroid:layout_width="100dp"android:layout_height="100dp"android:background="@color/white"android:layout_margin="@dimen/dp_5"android:elevation="@dimen/dp_5"android:gravity="center"android:orientation="vertical"><ImageViewandroid:id="@+id/iv_icon"android:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@mipmap/icon_mdgl" /></LinearLayout></LinearLayout>

CardView 阴影无效

需要增加cardUseCompatPadding

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="wrap_content"xmlns:app="http://schemas.android.com/apk/res-auto"android:orientation="vertical"app:cardElevation="@dimen/dp_2"app:cardUseCompatPadding="true"app:cardCornerRadius="@dimen/dp_5">
</android.support.v7.widget.CardView>

Elevation阴影使用相关推荐

Button设置elevation阴影
Button设置elevation阴影没效果是因为默认主题里,已经有了elevation设置,所以再设置就没用了,可以先用android:stateListAnimator="@null&q ...
android 5.x—Elevation阴影
以往的android view里,只有X和Y两个值,而在5.x之后,Google为其增加了一个新的属性--Z值. Z值使得UI界面更有立体感,view与view直接有了明显的层次感.Z值由两部分组成, ...
Flutter 页面滚动吸顶详解（NestedScrollView）
前言在业务开发中我们经常会有滚动吸顶的效果,目前Flutter也有很多种实现方式,这里介绍一下本人在开发中使用到的基于NestedScrollView实现的滚动吸顶组件:以及中间涉及的各种定位的布局 ...
android 点赞动画_Android MotionLayout动画：续写ConstraintLayout新篇章
本文作者作者:新小梦链接: https://juejin.im/post/6854573206653812743 本文由作者授权发布. 0概述 MotionLayout作为ConstraintLa ...
flutter 基础知识点总结
前提:从事开发已经十年了,PC开发/Android开发/后端开发,初级/中级/高级/架构师,成员/组长/开发负责人,以及各种考证和阶段目标计划-,一路走来喜怒哀乐/酸甜苦辣都体验了. 人无远虑必有近忧 ...
Flutter仿美团应用开发笔记-首页 (1)
首页篇 Github项目地址:项目地址上一篇博客讲解了该应用的基础结构,如底部导航栏等.基础结构篇这篇博客将详细讲解美团首页的界面实现,在下一篇博客实现推荐卡片无限加载,带插入和移除动画的列表,弹 ...
Flutter 笔记 | Flutter 布局组件
布局类组件都会包含一个或多个子组件,布局类组件都是直接或间接继承SingleChildRenderObjectWidget 和MultiChildRenderObjectWidget的Widget,它 ...
Flutter开发之——Card
一概述 Card是Material风格的卡片控件,Card有较小的圆角和阴影. Card通常用于展示一组信息二 Card 2.1 构造方法 const Card({Key? key,this.co ...
Flutter之Card组件
Card组件是卡片组件,内容可以由列表的widget组成,Card组件具有阴影圆角的功能. 常用属性: 属性说明 margin 外边距 elevation 阴影值的深度 child 子元素 impo ...

Elevation阴影使用

CardView 阴影无效

Elevation阴影使用相关推荐

最新文章

热门文章