AppbarLayout与CollapsingToolbarLayout的使用(1)

<androidx.recyclerview.widget.RecyclerView

android:id=“@+id/rv_my_test”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

app:layout_behavior=“@string/appbar_scrolling_view_behavior” />

</androidx.coordinatorlayout.widget.CoordinatorLayout>

在这里,你得注意如下问题:

  1. ?attr/actionBarSize :表示 toolbar 的默认最小高度minHeight。

  2. AppBarLayout 包 CollapsingToolbarLayout 包 Toolbar,这种层级关系不能乱

  3. app:layout_scrollFlags=“scroll|exitUntilCollapsed” 应该设置在 CollapsingToolbarLayout 上,即离 AppBarLayout 最近的那个子布局上。

  4. CollapsingToolbarLayout 和 Toolbar 的 android:layout_height 不能同时设置为 match_parent,要不然你会发现 title 无法显示,所以我将 CollapsingToolbarLayout 设置为 match_parent,Toolbar 设置为 ?attr/actionBarSize。

  5. app:layout_collapseMode=“” 是设置模式的 ,放在 CollapsingToolbarLayout 的子布局上,parallax 不固定 Toolbar,pin 固定 Toolbar。

  6. Toolbar 在这种情况下 title 与 logo 是分排显示的,的注意。

补充:对于 Toolbar 的 logo 设置,我是用 java 代码实现的,下面只粘贴出有用部分代码片段:

//获取 Toolbar

tb_my_bar = findViewById(R.id.tb_my_bar);

tb_my_bar.setLogo(R.drawable.ic_launcher_foreground);

效果展示

app:layout_collapseMode="paralla“

app:layout_collapseMode="pin“

我们上面讲到过 CollapsingToolbarLayout 是一个 ViewGroup ,所以我们在里面放一张 ImageView 试试。

<?xml version="1.0" encoding="utf-8"?>

<androidx.coordinatorlayout.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:orientation=“vertical”

tools:context=“.MainActivity”>

<com.google.android.material.appbar.AppBarLayout

android:layout_width=“match_parent”

android:layout_height=“200dp”>

<com.google.android.material.appbar.CollapsingToolbarLayout

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:minHeight=“?attr/actionBarSize”

app:layout_scrollFlags=“scroll|exitUntilCollapsed”>

<ImageView

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:src=“@drawable/bg”

android:scaleType=“center”

app:layout_collapseMode=“parallax”/>

<androidx.appcompat.widget.Toolbar

android:id=“@+id/tb_my_bar”

android:layout_width=“match_parent”

android:layout_height=“?attr/actionBarSize”

app:layout_collapseMode=“pin”

android:background=“?attr/colorPrimary”

app:title=“title”

app:titleTextColor=“#000”/>

</com.google.android.material.appbar.CollapsingToolbarLayout>

</com.google.android.material.appbar.AppBarLayout>

<androidx.recyclerview.widget.RecyclerView

android:id=“@+id/rv_my_test”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

app:layout_behavior=“@string/appbar_scrolling_view_behavior” />

</androidx.coordinatorlayout.widget.CoordinatorLayout>

效果展示

还有其他动画效果 大家自行设置 app:layout_scrollFlags、app:layout_collapseMode 的值。


我来带大家再看几个属性:

一、去掉Toolbar的的 background 的效果

二、设置 CollapsingToolbarLayout 的 contentScrim 属性

<com.google.android.material.appbar.CollapsingToolbarLayout

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:minHeight=“?attr/actionBarSize”

app:contentScrim=“@color/colorPrimary” //别找了,就是这个属性

app:layout_scrollFlags=“scroll|exitUntilCollapsed”>

三、打造沉浸式状态栏

目前有很多APP比较喜欢采用沉浸式设计, 简单点说就是将状态栏和导航栏都设置成透明或半透明的.

我们来把状态栏statusBar设置成透明. 在style主题中的AppTheme里增加一条:

在布局里面, 将ImageView和所有它上面的父View都添加fitsSystemWindows属性.

<?xml version="1.0" encoding="utf-8"?>

<androidx.coordinatorlayout.widget.CoordinatorLayout

android:fitsSystemWindows=“true”>

<com.google.android.material.appbar.AppBarLayout

android:fitsSystemWindows=“true”>

<com.google.android.material.appbar.CollapsingToolbarLayout

android:fitsSystemWindows=“true”>

<ImageView

android:fitsSystemWindows=“true”/>

<androidx.appcompat.widget.Toolbar

/>

</com.google.android.material.appbar.CollapsingToolbarLayout>

</com.google.android.material.appbar.AppBarLayout>

<androidx.recyclerview.widget.RecyclerView

android:id=“@+id/rv_my_test”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

app:layout_behavior=“@string/appbar_scrolling_view_behavior” />

</androidx.coordinatorlayout.widget.CoordinatorLayout>

效果展示:

可以明显的发现这个 title 和 logo 上下错位了,更准确的说 title 不在 Toolbar里面。

经过我一天的研究发现 这是使用 AppBarLayout 、 CollapsingToolbarLayout 和 Toolbar

版本的问题。

错误引入

compile ‘com.android.support:design:25.3.1’

错误组件

com.google.android.material.appbar.AppBarLayout

com.google.android.material.appbar.CollapsingToolbarLayout

androidx.appcompat.widget.Toolbar

正确引用

compile ‘com.android.support:appcompat-v7:24.2.0’

compile ‘com.android.support:design:24.2.0’

正确版本

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则近万的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

img

img

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:Android)

最后

简历首选内推方式,速度快,效率高啊!然后可以在拉钩,boss,脉脉,大街上看看。简历上写道熟悉什么技术就一定要去熟悉它,不然被问到不会很尴尬!做过什么项目,即使项目体量不大,但也一定要熟悉实现原理!不是你负责的部分,也可以看看同事是怎么实现的,换你来做你会怎么做?做过什么,会什么是广度问题,取决于项目内容。但做过什么,达到怎样一个境界,这是深度问题,和个人学习能力和解决问题的态度有关了。大公司看深度,小公司看广度。大公司面试你会的,小公司面试他们用到的你会不会,也就是岗位匹配度。

选定你想去的几家公司后,先去一些小的公司练练,学习下面试技巧,总结下,也算是熟悉下面试氛围,平时和同事或者产品PK时可以讲得头头是道,思路清晰至极,到了现场真的不一样,怎么描述你所做的一切,这绝对是个学术性问题!

面试过程一定要有礼貌!即使你觉得面试官不尊重你,经常打断你的讲解,或者你觉得他不如你,问的问题缺乏专业水平,你也一定要尊重他,谁叫现在是他选择你,等你拿到offer后就是你选择他了。

金九银十面试季,跳槽季,整理面试题已经成了我多年的习惯!在这里我和身边一些朋友特意整理了一份快速进阶为Android高级工程师的系统且全面的学习资料。涵盖了Android初级——Android高级架构师进阶必备的一些学习技能。

附上:我们之前因为秋招收集的二十套一二线互联网公司Android面试真题(含BAT、小米、华为、美团、滴滴)和我自己整理Android复习笔记(包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。)

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》,点击传送门即可获取!

,谁叫现在是他选择你,等你拿到offer后就是你选择他了。

金九银十面试季,跳槽季,整理面试题已经成了我多年的习惯!在这里我和身边一些朋友特意整理了一份快速进阶为Android高级工程师的系统且全面的学习资料。涵盖了Android初级——Android高级架构师进阶必备的一些学习技能。

附上:我们之前因为秋招收集的二十套一二线互联网公司Android面试真题(含BAT、小米、华为、美团、滴滴)和我自己整理Android复习笔记(包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。)

[外链图片转存中…(img-xslUvOcJ-1712250980319)]

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》,点击传送门即可获取!
  • 3
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值