Android CoordinatorLayout AppBar 上边缘阴影原因

2024-02-28 09:32

本文主要是介绍Android CoordinatorLayout AppBar 上边缘阴影原因,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

前言

  今天使用Android Studio向导生成了一个Hello World应用,使用了Navigation Drawer Activity模板。显示的界面如下图(系统为Android 7.1)。 


这里写图片描述

 

  这儿的AppBar上边缘出现了阴影效果,但在平时使用AppBar时是像下面这个样子的,于是想来研究一下是怎么回事。 


这里写图片描述 
 

 

布局文件分为两个部分,一是外层DrawerLayout布局,二是其中引用的内容部分,以CoordinaLayout为根元素。

activity_main.xml:

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:id="@+id/drawer_layout"android:layout_width="match_parent"android:layout_height="match_parent"android:fitsSystemWindows="true"tools:openDrawer="start"><includelayout="@layout/app_bar_main"android:layout_width="match_parent"android:layout_height="match_parent" /><android.support.design.widget.NavigationViewandroid:id="@+id/nav_view"android:layout_width="wrap_content"android:layout_height="match_parent"android:layout_gravity="start"android:fitsSystemWindows="true"app:headerLayout="@layout/nav_header_main"app:menu="@menu/activity_main_drawer" /></android.support.v4.widget.DrawerLayout>

app_bar_main.xml:

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"android:fitsSystemWindows="true"tools:context="com.example.ningxiang.autofill.MainActivity"><android.support.design.widget.AppBarLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:theme="@style/AppTheme.AppBarOverlay"><android.support.v7.widget.Toolbarandroid:id="@+id/toolbar"android:layout_width="match_parent"android:layout_height="?attr/actionBarSize"android:background="?attr/colorPrimary"app:popupTheme="@style/AppTheme.PopupOverlay" /></android.support.design.widget.AppBarLayout><include layout="@layout/content_main" /><android.support.design.widget.FloatingActionButtonandroid:id="@+id/fab"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="bottom|end"android:layout_margin="@dimen/fab_margin"app:srcCompat="@android:drawable/ic_dialog_email" /></android.support.design.widget.CoordinatorLayout>

分析思路

AppBar设置了elevation?是的

  出现阴影效果,首先想到的肯定就是对AppBar设置了elevation属性。于是使用HierarchyViewer查看布局属性,发现确实AppBarLayout elevation=12。 
  那对于另外的没有阴影的情况是否就没有设置相应的elevation呢?答案并不是。同样查看没有AppBar上边缘阴影的应用发现其AppBarLayout同样有设置elevation=12。 
  于是,我又遇到了这个更奇怪的问题——为何其他应用在AppBarLayout同样设置了elevation的情况下没有表现出上边缘阴影?

StatubarColor=”@android:color/transparent”

  最开始怀疑是否是AppBarLayout中引入的theme里面定义了什么属性,但当把去掉后依然有阴影。最后又经过多次对比Coordinator套AppBarLayout发现,对这现象起关键作用的是在style中设置的一个属性:

android:statusbarColor=”@android:color/transparent”

当设置了该属性定义状态栏背景透明时,AppBarLayout就会表现出上边缘的阴影。而当去掉该属性时,就可以呈现出上面第二张图片的效果了。

原因分析

  为什么设置statusBarColor为transparent会有这样的效果呢。说起来还是跟CoordinatorLayout有关系。 
  当我们设置CoordinatorLayout的android:fitsSystemWindows=”true”时,CoordinatorLayout就会延生到状态栏去(可以通过HierarchyViewer查看布局的屏幕位置起始点为(0,0)),然后还会自己使用colorPrimaryDark属性去绘制状态栏颜色。 
  若此时我们将状态栏背景颜色设为transparent,那么我们看到的状态栏颜色其实就是CoordinatorLayout绘制的。本来CoordinatorLayout没有设置elevation属性,但AppBarLayout的elevation为12,因此就有上边缘阴影。 
  但是我们不设置状态栏背景颜色为transparent透明时,状态栏就会也使用colorPrimaryDark属性值来绘制状态栏背景,但此时由于是状态栏本身绘制的背景颜色,而又由于状态栏作为系统窗口始终是覆盖在我们应用之上的,因此无论AppBarLayout的elevation设置为多少都不可能比状态栏还高,因此不会出现阴影。

这篇关于Android CoordinatorLayout AppBar 上边缘阴影原因的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/755085

相关文章

解决1093 - You can‘t specify target table报错问题及原因分析

《解决1093-Youcan‘tspecifytargettable报错问题及原因分析》MySQL1093错误因UPDATE/DELETE语句的FROM子句直接引用目标表或嵌套子查询导致,... 目录报js错原因分析具体原因解决办法方法一:使用临时表方法二:使用JOIN方法三:使用EXISTS示例总结报错原

Android kotlin中 Channel 和 Flow 的区别和选择使用场景分析

《Androidkotlin中Channel和Flow的区别和选择使用场景分析》Kotlin协程中,Flow是冷数据流,按需触发,适合响应式数据处理;Channel是热数据流,持续发送,支持... 目录一、基本概念界定FlowChannel二、核心特性对比数据生产触发条件生产与消费的关系背压处理机制生命周期

Android ClassLoader加载机制详解

《AndroidClassLoader加载机制详解》Android的ClassLoader负责加载.dex文件,基于双亲委派模型,支持热修复和插件化,需注意类冲突、内存泄漏和兼容性问题,本文给大家介... 目录一、ClassLoader概述1.1 类加载的基本概念1.2 android与Java Class

SpringSecurity显示用户账号已被锁定的原因及解决方案

《SpringSecurity显示用户账号已被锁定的原因及解决方案》SpringSecurity中用户账号被锁定问题源于UserDetails接口方法返回值错误,解决方案是修正isAccountNon... 目录SpringSecurity显示用户账号已被锁定的解决方案1.问题出现前的工作2.问题出现原因各

Android DataBinding 与 MVVM使用详解

《AndroidDataBinding与MVVM使用详解》本文介绍AndroidDataBinding库,其通过绑定UI组件与数据源实现自动更新,支持双向绑定和逻辑运算,减少模板代码,结合MV... 目录一、DataBinding 核心概念二、配置与基础使用1. 启用 DataBinding 2. 基础布局

Android ViewBinding使用流程

《AndroidViewBinding使用流程》AndroidViewBinding是Jetpack组件,替代findViewById,提供类型安全、空安全和编译时检查,代码简洁且性能优化,相比Da... 目录一、核心概念二、ViewBinding优点三、使用流程1. 启用 ViewBinding (模块级

javax.net.ssl.SSLHandshakeException:异常原因及解决方案

《javax.net.ssl.SSLHandshakeException:异常原因及解决方案》javax.net.ssl.SSLHandshakeException是一个SSL握手异常,通常在建立SS... 目录报错原因在程序中绕过服务器的安全验证注意点最后多说一句报错原因一般出现这种问题是因为目标服务器

MyBatis Plus 中 update_time 字段自动填充失效的原因分析及解决方案(最新整理)

《MyBatisPlus中update_time字段自动填充失效的原因分析及解决方案(最新整理)》在使用MyBatisPlus时,通常我们会在数据库表中设置create_time和update... 目录前言一、问题现象二、原因分析三、总结:常见原因与解决方法对照表四、推荐写法前言在使用 MyBATis

IDEA中Maven Dependencies出现红色波浪线的原因及解决方法

《IDEA中MavenDependencies出现红色波浪线的原因及解决方法》在使用IntelliJIDEA开发Java项目时,尤其是基于Maven的项目,您可能会遇到MavenDependenci... 目录一、问题概述二、解决步骤2.1 检查 Maven 配置2.2 更新 Maven 项目2.3 清理本

Android学习总结之Java和kotlin区别超详细分析

《Android学习总结之Java和kotlin区别超详细分析》Java和Kotlin都是用于Android开发的编程语言,它们各自具有独特的特点和优势,:本文主要介绍Android学习总结之Ja... 目录一、空安全机制真题 1:Kotlin 如何解决 Java 的 NullPointerExceptio