AppBarLayout的技巧：打造令人眼前一亮的Android顶部栏

最新推荐文章于 2024-05-11 08:07:57 发布
最新推荐文章于 2024-05-11 08:07:57 发布
阅读量115 收藏
点赞数
文章标签： android Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_79326588/article/details/133656740
版权
Android 专栏收录该内容
54 篇文章 5 订阅 ¥59.90 ¥99.00
订阅专栏

在Android应用开发中，顶部栏是用户与应用界面进行交互的重要组成部分之一。AppBarLayout是一个强大的布局容器，它提供了许多功能强大且灵活的特性，可以帮助我们打造出炫酷而且具有吸引力的顶部栏。本文将向您展示如何玩转AppBarLayout，并通过示例源代码帮助您更好地理解。

首先，让我们创建一个基本的AppBarLayout布局。在XML布局文件中，我们可以使用android.support.design.widget.AppBarLayout元素来定义AppBarLayout。下面是一个简单的示例：

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
了解本专栏 订阅专栏 解锁全文
一起去旅行Coding
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
订阅专栏
玩转AppBarLayout，更酷炫的顶部栏，android智能手机编程答案
2401_84002594的博客
04-10 269
今天关于面试的分享就到这里，还是那句话，有些东西你不仅要懂，而且要能够很好地表达出来，能够让面试官认可你的理解，例如Handler机制，这个是面试必问之题。有些晦涩的点，或许它只活在面试当中，实际工作当中你压根不会用到它，但是你要知道它是什么东西。最后在这里小编分享一份自己收录整理上述技术体系图相关的几十套腾讯、头条、阿里、美团等公司的面试题，把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，这里以图片的形式给大家展示一部分。还有。
Android | 玩转AppBarLayout，设置scrollFlags滑动属性详解
龙旋的博客
03-15 1389
CoordinatorLayout与AppBarLayout的配合使用，在之前的文章中我们也经常使用，主要是专门用来打造各种炫酷的效果。 有童鞋看了之前的文章反馈对AppBarLayout中的scrollFlags属性的设置不是很明白，这篇文章我们具体来讲讲这个属性的用法效果。 我们先简单了解一下AppBarLayout： AppBarLayout继承自LinearLayout，布局方向为垂直方向。所以你可以把它当成垂直布局的LinearLayout来使用。AppBarLayout是在LinearLayou
Android之AppBarLayout实现悬停吸附伸缩效果(1)
最新发布
2401_84149256的博客
05-11 912
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此我收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
Android布局优化一之设计篇
jike0901xuye的专栏
04-17 426
在项目中遇到了一个需求，就是模仿系统的选择应用打开文件的弹出框来实现自己的一个类似的弹出框；要求和系统的一样，高度可以自适应的变化；系统的如下： 最开始的设计思路是，自己用代码计算ListView的高度，在页面构建的时候，动态设置进去。不过后面想了下，如果能够不自己计算高度，不动态设置，是不是性能会好一些呢？ 分析类似的布局，顶部，中间，底部；其中顶部和底部的高度不变，就只是中间
【Android -- Material Design】AppbarLayout 的基本使用
Kevin Learn Android
04-01 1296
本篇将介绍 AppbarLayout 的一些功能和属性，结合 CoordinatorLayout 和 CollapsingToolbarLayout 一起使用实现炫酷的 UI 效果。
Android CoordinatorLayout+AppBarLayout顶部栏吸顶效果的实现
UrasakiNakajima的博客
05-26 4002
CoordinatorLayout遵循Material 风格，包含在 support Library中，结合AppbarLayout, CollapsingToolbarLayout等 可 产生各种炫酷的折叠悬浮效果。作为最上层的View作为一个容器与一个或者多个子View进行交互常见结合体-AppBarLayout：它是继承与LinearLayout的，默认的方向是Vertical：appbarLayout的滑动flag：我们可以通过两种方法设置这个Flag：
Android CoordinatorLayout打造酷炫的顶部栏
07-08
在本文中，我们将深入探讨如何利用`CoordinatorLayout`、`AppBarLayout`以及沉浸式模式来打造一款高效且美观的Android应用顶部栏。 首先，`CoordinatorLayout`是一个行为协调的根布局，它可以监听并响应其子视图的...
玩转AppBarLayout实现更酷炫的顶部栏
09-01
AppBarLayout 是 CoordinatorLayout 的一个子组件，用于创建可滚动的头部区域，通常包含一个 Toolbar 或者 CollapsingToolbarLayout。它的主要功能是与滚动视图（如 ScrollView 或 RecyclerView）进行交互，实现响应...
详解Android使用CoordinatorLayout+AppBarLayout实现拉伸顶部图片功能
08-25
Android 使用 CoordinatorLayout+AppBarLayout 实现拉伸顶部图片功能 Android 中实现拉伸顶部图片功能是非常常见的需求，今天我们将使用 CoordinatorLayout+AppBarLayout 来实现这个功能。CoordinatorLayout 是 ...
Android 更酷炫的顶部栏AppBarLayout
08-31
在Android应用开发中，顶部栏（Top Bar）通常被称为ActionBar或者Toolbar，它是用户界面中一个重要的组成部分，用于显示应用的标识、操作按钮以及提供导航功能。随着Material Design设计语言的推广，AppBarLayout...
Android实现酷炫的顶部栏
09-01
在Android开发中，创建酷炫的顶部栏是一个重要的任务，以提升应用的用户体验。本文将详细介绍如何使用Android的工具栏（Toolbar）和相关组件来实现这一目标。 首先，`Toolbar`是Android 5.0引入的新组件，它遵循...
Android之AppBarLayout实现悬停吸附伸缩效果
weixin_33840661的博客
09-28 862
前几天看到这样一个UI效果,然后自己也仿照实现了下: 看着挺酷的,也有很多App都用到了这个UI效果,比如开眼App和沪江开心词场就用到了. 所以下面就来简单实现一下这个UI效果吧. 组合三剑客 1.AppBarLayout 2.CoordinatorLayout 3.CollapsingToolbarLayout 实现上面的UI效果需要将这三剑客的组合起来用,下面先介绍下这三个控件: Ap...
AppBarLayout，更酷炫的顶部栏
gqg_guan的博客
07-25 880
AppBarLayout
Android开发笔记（一百三十五）应用栏布局AppBarLayout
aqi00的博客
02-22 5432
应用栏布局AppBarLayoutAndroid5.0推出工具栏Toolbar用来替代ActionBar，灵活性和易用性大大增强，有关Toolbar的详细介绍参见《Android开发笔记（一百一十九）工具栏Toolbar》。可是仅仅使用Toolbar的话，还是有些呆板，比如说Toolbar固定占据着页面顶端，既不能跟着主体页面移上去，也不会跟着主体页面拉下来。为了让App页面更加生动活泼，势必要求
玩转AppBarLayout，更酷炫的顶部栏
热门推荐
huachao1001的专栏
06-02 3万+
上一篇文章《CoordinateLayout的使用如此简单 》对CoordinateLayout的使用做了讲解，今天我们再讲解常常与其一起使用的几个View：AppBarLayout、CollapsingToolbarLayout以及Toolbar。一下子出现3个陌生的View，是不是觉得很慌张~，很多人都写了这几个布局的使用，但是他们却没有有针对性的单独讲解每个View的作用以及如何使用，我看的很多文章都是一上来就
Android AppBarLayout+TabLayout+ViewPager实现导航栏渐变、tab标签悬浮固定效果
笔片
07-15 4208
以前很羡慕别人的App，高端大气上档次，现在很多的界面都有这样的效果：要求导航栏渐变、页面Tab标签跟随页面滚动，悬浮固定到顶部。嗯嗯....大致表达出来就这个画面吧```还是直接上图吧。没有gif，只能截图了； 网上已经有很多AppBarLayout的帖子了，这里我就不讲理论的东西了，直接上代码了。代码中有注释，根据注释，你可以实现自己的界面了。 ...
AppBarLayout 介绍和简单使用
Ricky 的博客
10-27 1万+
关于Android Design Support Library​ 在Android 5.0 时出现了 Material Design 。瞬时感觉Android 更加牛B哄哄了，可是其它老版本的Android 怎么办呢？它们也行这么牛B哄哄，走到哪里都耀眼夺目。怎么办呢？Google很贴心的提供了Android Design Support Library，这样就可以支持 Android 2.1
AppbarLayout与CollapsingToolbarLayout的使用，2024年最新今日头条软件测试面试题
m0_61331237的博客
04-10 1185
面试是一个不断学习、不断自我提升的过程，有机会还是出去面面，至少能想到查漏补缺效果，而且有些知识点，可能你自以为知道，但让你说，并不一定能说得很好。有些东西有压力才有动力，而学到的知识点，都是钱（因为技术人员大部分情况是根据你的能力来定级、来发薪水的），技多不压身。附上我的面试各大专题整理： 面试指南，满满的都是干货，希望对大家有帮助！一个人可以走的很快，但一群人才能走的更远。
android appbarlayout 怎么与RecyclerView使用
06-03
要将 AppBarLayout 与 RecyclerView 使用，需要在布局文件中将它们嵌套在一起。具体实现步骤如下： 1. 在布局文件中定义 AppBarLayout 和 Toolbar 控件，用于显示顶部工具栏和标题栏。 ```xml <android.support.design.widget.CoordinatorLayout android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.design.widget.AppBarLayout android:layout_width="match_parent" android:layout_height="wrap_content"> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="?attr/colorPrimary" app:layout_scrollFlags="scroll|enterAlways" /> </android.support.design.widget.AppBarLayout> </android.support.design.widget.CoordinatorLayout> ``` 2. 在 AppBarLayout 内部添加一个可折叠式的标题栏控件（CollapsingToolbarLayout），用于显示标题和背景图片等内容。 ```xml <android.support.design.widget.CollapsingToolbarLayout android:layout_width="match_parent" android:layout_height="wrap_content" app:layout_scrollFlags="scroll|exitUntilCollapsed"> <ImageView android:id="@+id/image_view" android:layout_width="match_parent" android:layout_height="200dp" android:scaleType="centerCrop" android:src="@drawable/header_image" app:layout_collapseMode="parallax" /> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" app:layout_collapseMode="pin" /> </android.support.design.widget.CollapsingToolbarLayout> ``` 3. 在布局文件中定义 RecyclerView 控件，用于显示列表内容。 ```xml <android.support.v7.widget.RecyclerView android:id="@+id/recycler_view" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior" /> ``` 4. 在相应的 Activity 或 Fragment 中获取 RecyclerView 对象，并设置 Adapter 和 LayoutManager。 ```java RecyclerView recyclerView = findViewById(R.id.recycler_view); recyclerView.setAdapter(adapter); recyclerView.setLayoutManager(layoutManager); ``` 5. 在 AppBarLayout 中设置滚动监听器（OnOffsetChangedListener），根据滚动距离和状态改变工具栏的样式、大小和位置等效果。 ```java AppBarLayout appBarLayout = findViewById(R.id.app_bar_layout); appBarLayout.addOnOffsetChangedListener(new AppBarLayout.OnOffsetChangedListener() { @Override public void onOffsetChanged(AppBarLayout appBarLayout, int verticalOffset) { // 根据 verticalOffset 计算工具栏的高度和透明度等属性 // 更新工具栏的样式和位置等 } }); ``` 这样就可以实现一个带有 AppBarLayout 和 RecyclerView 的可滚动界面了。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值