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

相关文章

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

Java空指针异常NullPointerException的原因与解决方案

《Java空指针异常NullPointerException的原因与解决方案》在Java开发中,NullPointerException(空指针异常)是最常见的运行时异常之一,通常发生在程序尝试访问或... 目录一、空指针异常产生的原因1. 变量未初始化2. 对象引用被显式置为null3. 方法返回null

IDEA下"File is read-only"可能原因分析及"找不到或无法加载主类"的问题

《IDEA下Fileisread-only可能原因分析及找不到或无法加载主类的问题》:本文主要介绍IDEA下Fileisread-only可能原因分析及找不到或无法加载主类的问题,具有很好的参... 目录1.File is read-only”可能原因2.“找不到或无法加载主类”问题的解决总结1.File

使用@Cacheable注解Redis时Redis宕机或其他原因连不上继续调用原方法的解决方案

《使用@Cacheable注解Redis时Redis宕机或其他原因连不上继续调用原方法的解决方案》在SpringBoot应用中,我们经常使用​​@Cacheable​​注解来缓存数据,以提高应用的性能... 目录@Cacheable注解Redis时,Redis宕机或其他原因连不上,继续调用原方法的解决方案1