AndroidASD完全解析05之AppBarLayout

2024-01-19 23:08

本文主要是介绍AndroidASD完全解析05之AppBarLayout,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

前面我们介绍过ASD库中的其它几个控件,我们这一篇介绍另外一个控件--AppBarLayout。APPBarLayout继承自LinearLayout,布局方向是垂直方向,我们可以将它当成垂直布局的LinearLayout来使用。不过APPBarLayout在LinearLayout的基础之上加了一些材料设计的概念,它可以让我们定制当某个可以滚动的View的滚动手势发生变化的时候,其内部字View实现的动作。

概述

AppBarLayout是继承于LinearLayout的ViewGroup容器,支持手势滑动,它将包裹的组件都作为AppBar。AppBarLayout里面的View都是通过设置app:layout_scrollFlags属性控制滑动,Google提供了4种滑动表现类型,分别是:

  • scroll:表示向下滚动的时候,设置了这个属性的View会被滚出屏幕范围,直到消失

  • enterAlways:表示向上滚动的时候,设置了这个属性的View会随着滚动手势逐渐出现,直到恢复原来设置的位置

  • enterAlwaysCollapsed:是enterAlways的附加选项,一般跟enterAlways一起使用,它是指,View在往下“出现”的时候,首先是enterAlways效果,当View的高度达到最小高度时,View就暂时不去往下滚动,直到ScrollView滑动到顶部不再滑动时,View再继续往下滑动,直到滑到View的顶部结束。

  • exitUntilCollapsed:值设为exitUntilCollapsed的View,当这个View要往上逐渐“消逝”时,会一直往上滑动,直到剩下的的高度达到它的最小高度后,再响应ScrollView的内部滑动事件。

其中,我们最常用的就是scroll和enterAlways

注意:如果Toolbar和AppBarLayout一起使用的时候,ToolBar需要作为AppBarLayout的子View

google官方推荐的是AppBarLayout需要与一个滚动的视图一起使用,Android给我们提供了一个滚动的视图NestedScrollView,在v4包中,NestedScrollView继承的也是FrameLayout,但是我们可以把它当成ScrollView使用。AppBarLayout要与NestedScrollView关联起来,需要设置一个属性: app:layout_behavior="@string/appbar_scrolling_view_behavior",其中它就是指定Behavior的,appbar_scrolling_view_behavior对应的类的名称是:android.support.design.widget.AppBarLayout$ScrollingViewBehavior,关于Behavior,我们会在后面详细讲解,现在知道需要设置这个就可以了。

使用

上面介绍的都是一些概念性的东西,下面我们通过实例体会一下AppBarLayout的使用方法,这里实现一个简单的例子。

首先是布局文件代码:

<?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"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"><android.support.design.widget.AppBarLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"><android.support.v7.widget.Toolbarandroid:id="@+id/toolbar"android:layout_width="match_parent"android:layout_height="?android:attr/actionBarSize"app:layout_collapseMode="pin"app:layout_scrollFlags="scroll|enterAlways"/>
</android.support.design.widget.AppBarLayout><android.support.v4.widget.NestedScrollViewandroid:layout_width="match_parent"android:layout_height="wrap_content"app:layout_behavior="@string/appbar_scrolling_view_behavior"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@string/custom_text"android:textSize="18sp"/></android.support.v4.widget.NestedScrollView>
</android.support.design.widget.CoordinatorLayout>

这里面的话也没有很多可以讲的了,基本都是在上面讲过了的,下面看一下Activity的代码:

package com.example.adsdemo;import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;/*** Created by Devin on 2016/8/16.*/
public class ABLActivity extends AppCompatActivity {
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_abl);Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);toolbar.setTitle("ABLActivity使用");toolbar.setNavigationIcon(R.drawable.back);setSupportActionBar(toolbar);
}
}

这里也很简单,不过需要注意的是,需要在清单文件中调用没有ActionBar的一个Theme,不然会出错。下面看一下实现的效果图:

2267876-d4827d933efa1a9f.gif

在这里例子中,只用了Android提供的四个Flag中的两个scroll和enterAlways,有兴趣的可以使用其他的两个体会一下。这里就简单介绍了AppBarLayout的使用,等我们学完了其它的组件的时候再一起总结一下,最后附上AppBarLayout的国内镜像API,猛戳这里

这篇关于AndroidASD完全解析05之AppBarLayout的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



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

相关文章

CSS place-items: center解析与用法详解

《CSSplace-items:center解析与用法详解》place-items:center;是一个强大的CSS简写属性,用于同时控制网格(Grid)和弹性盒(Flexbox)... place-items: center; 是一个强大的 css 简写属性,用于同时控制 网格(Grid) 和 弹性盒(F

python常见环境管理工具超全解析

《python常见环境管理工具超全解析》在Python开发中,管理多个项目及其依赖项通常是一个挑战,下面:本文主要介绍python常见环境管理工具的相关资料,文中通过代码介绍的非常详细,需要的朋友... 目录1. conda2. pip3. uvuv 工具自动创建和管理环境的特点4. setup.py5.

全面解析HTML5中Checkbox标签

《全面解析HTML5中Checkbox标签》Checkbox是HTML5中非常重要的表单元素之一,通过合理使用其属性和样式自定义方法,可以为用户提供丰富多样的交互体验,这篇文章给大家介绍HTML5中C... 在html5中,Checkbox(复选框)是一种常用的表单元素,允许用户在一组选项中选择多个项目。本

Python包管理工具核心指令uvx举例详细解析

《Python包管理工具核心指令uvx举例详细解析》:本文主要介绍Python包管理工具核心指令uvx的相关资料,uvx是uv工具链中用于临时运行Python命令行工具的高效执行器,依托Rust实... 目录一、uvx 的定位与核心功能二、uvx 的典型应用场景三、uvx 与传统工具对比四、uvx 的技术实

SpringBoot排查和解决JSON解析错误(400 Bad Request)的方法

《SpringBoot排查和解决JSON解析错误(400BadRequest)的方法》在开发SpringBootRESTfulAPI时,客户端与服务端的数据交互通常使用JSON格式,然而,JSON... 目录问题背景1. 问题描述2. 错误分析解决方案1. 手动重新输入jsON2. 使用工具清理JSON3.

Redis过期删除机制与内存淘汰策略的解析指南

《Redis过期删除机制与内存淘汰策略的解析指南》在使用Redis构建缓存系统时,很多开发者只设置了EXPIRE但却忽略了背后Redis的过期删除机制与内存淘汰策略,下面小编就来和大家详细介绍一下... 目录1、简述2、Redis http://www.chinasem.cn的过期删除策略(Key Expir

Go学习记录之runtime包深入解析

《Go学习记录之runtime包深入解析》Go语言runtime包管理运行时环境,涵盖goroutine调度、内存分配、垃圾回收、类型信息等核心功能,:本文主要介绍Go学习记录之runtime包的... 目录前言:一、runtime包内容学习1、作用:① Goroutine和并发控制:② 垃圾回收:③ 栈和

Spring组件实例化扩展点之InstantiationAwareBeanPostProcessor使用场景解析

《Spring组件实例化扩展点之InstantiationAwareBeanPostProcessor使用场景解析》InstantiationAwareBeanPostProcessor是Spring... 目录一、什么是InstantiationAwareBeanPostProcessor?二、核心方法解

深入解析 Java Future 类及代码示例

《深入解析JavaFuture类及代码示例》JavaFuture是java.util.concurrent包中用于表示异步计算结果的核心接口,下面给大家介绍JavaFuture类及实例代码,感兴... 目录一、Future 类概述二、核心工作机制代码示例执行流程2. 状态机模型3. 核心方法解析行为总结:三

springboot项目中使用JOSN解析库的方法

《springboot项目中使用JOSN解析库的方法》JSON,全程是JavaScriptObjectNotation,是一种轻量级的数据交换格式,本文给大家介绍springboot项目中使用JOSN... 目录一、jsON解析简介二、Spring Boot项目中使用JSON解析1、pom.XML文件引入依