Android CoordinatorLayout：打造高效交互界面的利器

news/2024/12/12 1:45:14/

目录

一、CoordinatorLayout 介绍及特点

二、使用方法

2.1 创建 CoordinatorLayout 布局

2.2 添加需要协调的子视图

2.3 自定义 Behavior

三、结语

相关推荐

         在Android开发中，面对复杂多变的用户界面需求，CoordinatorLayout以其强大的交互管理能力和对Material Design的完美支持，成为了开发者们的首选布局容器。本文将深入探讨CoordinatorLayout的作用、特点、使用方法及自定义Behavior的技巧，帮助您打造更加高效、灵活的用户界面。

一、CoordinatorLayout 介绍及特点

        CoordinatorLayout（协调者布局）是Android开发中用于协调管理其子视图之间交互行为的布局容器。它允许子视图之间响应用户输入、动画和滚动等交互操作，从而实现复杂的用户界面行为。

        CoordinatorLayout 通过 Coordinator （协调者）来管理子视图的交互，协调者能够响应子视图的行为并调整其他相关视图的布局和行为。使用 Behavior 类来控制其子视图的行为。每个子视图都可以关联一个 Behavior，通过这种方式可以定义子视图如何与其他视图或用户输入进行交互。

        特点：

  • 交互性：作为一个高度可定制的布局容器，CoordinatorLayout允许子视图之间的协同工作，处理触摸事件、拖动、动画等交互操作。
  • 响应滚动：它能够管理嵌套滚动操作，允许子视图在滚动时进行联动，如标题栏的隐藏、视图的展开等。
  • Material Design支持：作为Material Design的一部分，CoordinatorLayout提供了一些默认的Behavior，使得实现Material Design的交互行为更加容易。
  • 自定义行为：除了默认提供的行为外，开发者还可以创建自定义的Behavior，以满足特定的布局需求或实现定制的交互效果。

二、使用方法

2.1 创建 CoordinatorLayout 布局

        在XML布局文件中，通过添加<androidx.coordinatorlayout.widget.CoordinatorLayout>标签来创建一个CoordinatorLayout布局容器。

<?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"android:layout_width="match_parent"android:layout_height="match_parent"><!-- 添加需要协调的子视图 --></androidx.coordinatorlayout.widget.CoordinatorLayout>

2.2 添加需要协调的子视图

        为需要交互的子视图添加 app:layout_behavior 属性，关联到对应的 Behavior。例如，如果你想让一个视图在滚动时有隐藏和显示的效果，可以使用 AppBarLayout 和 RecyclerView，并且为 RecyclerView 添加 app:layout_behavior="@string/appbar_scrolling_view_behavior" 属性。

<?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"android:layout_width="match_parent"android:layout_height="match_parent"><com.google.android.material.appbar.AppBarLayoutandroid:id="@+id/appbar"android:layout_width="match_parent"android:layout_height="wrap_content"android:fitsSystemWindows="true"><com.google.android.material.appbar.CollapsingToolbarLayoutandroid:id="@+id/collapsing_toolbar_layout"android:layout_width="match_parent"android:layout_height="match_parent"app:expandedTitleMarginEnd="64dp"app:expandedTitleMarginStart="48dp"app:statusBarScrim="@android:color/transparent"app:contentScrim="@color/teal_700"app:titleEnabled="true"app:layout_scrollFlags="scroll|exitUntilCollapsed|snap"><ImageViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:scaleType="centerCrop"android:src="@mipmap/ic_launcher"android:fitsSystemWindows="true"app:layout_collapseMode="parallax"app:layout_collapseParallaxMultiplier="0.6" /><androidx.appcompat.widget.Toolbarandroid:layout_width="match_parent"android:layout_height="?attr/actionBarSize"app:layout_collapseMode="pin"/></com.google.android.material.appbar.CollapsingToolbarLayout></com.google.android.material.appbar.AppBarLayout><androidx.recyclerview.widget.RecyclerViewandroid:id="@+id/recycler_view"android:layout_width="match_parent"android:layout_height="match_parent"app:layout_behavior="@string/appbar_scrolling_view_behavior" /></androidx.coordinatorlayout.widget.CoordinatorLayout>

2.3 自定义 Behavior

     CoordinatorLayout 的很多功能都跟 Behavior 相关，如果觉得系统的 Behavior 不满足你的需求你可以自己定义。

   注意：Behavior 在多个包中存在，别选错了。

    class MyBehavior : CoordinatorLayout.Behavior<View>() {override fun onStartNestedScroll(coordinatorLayout: CoordinatorLayout,child: View,directTargetChild: View,target: View,axes: Int,type: Int): Boolean {// 在这里处理滚动开始时的逻辑return true}override fun onNestedScroll(coordinatorLayout: CoordinatorLayout,child: View,target: View,dxConsumed: Int,dyConsumed: Int,dxUnconsumed: Int,dyUnconsumed: Int,type: Int,consumed: IntArray) {super.onNestedScroll(coordinatorLayout,child,target,dxConsumed,dyConsumed,dxUnconsumed,dyUnconsumed,type,consumed)// 在这里处理滚动过程中的逻辑} // 其他滚动监听方法}

        通过这些步骤，你可以在 Android 应用中使用 CoordinatorLayout 来管理和协调子视图之间的交互行为。这样可以使得布局中的元素能够更加灵活地响应用户的操作，并实现复杂的交互效果(如隐藏顶部UI和顶部悬浮效果)。

三、结语

        通过本文的介绍，相信你已经对CoordinatorLayout有了更深入的理解。CoordinatorLayout以其强大的交互管理能力和对Material Design的完美支持，能够帮助你打造更加高效、灵活的用户界面。在实际开发中，不妨尝试使用CoordinatorLayout来优化你的用户界面设计，提升用户体验。

相关推荐

Android 滑动菜单(DrawerLayout + NavigationView )-CSDN博客文章浏览阅读1.9k次，点赞28次，收藏23次。1.主内容视图一定要是DrawerLayout的第一个子视图且宽度和高度需要match_parent。2.侧滑菜单必须添加android:layout_gravity属性，推荐使用 start|end，不推荐使用left|right。3.侧滑视图的宽度以dp为单位，官方建议一般小于320(为了总能看到一些主内容视图)。4.设置侧滑事件：mDrawerLayout.setDrawerListener(DrawerLayout.DrawerListener);_androidx.drawerlayout.widget.drawerlayouthttps://shuaici.blog.csdn.net/article/details/134871706Android Chips(标签)-CSDN博客文章浏览阅读1.4k次，点赞26次，收藏20次。一、流式布局标签发展历程第一阶段：实现这种界面的时候，基本都是自定义一个控件，然后在Java代码中动态的 添加 一个个的TextView，还需要计算布局宽度/高度，进行换行等等处理，蛮复杂的;第二阶段：使用 RecyclerView，我们实现这种界面就比较方便了;第三阶段：谷歌为我们提供了 Chip、ChipGroup、ChipDrawable，有了这三者，我们实现这种界面就更加方便了。二、类型及使用Chip的所有类型都是可点击的，根据选中效果有四种类型。_android chiphttps://shuaici.blog.csdn.net/article/details/134813809

Android Text fieids-CSDN博客文章浏览阅读1k次，点赞22次，收藏22次。一、Text fieids一、Text fieids允许用户在 UI 中输入文本，。在 Text fieids 没出来(我不知道)前，想实现这个功能就需要自己自定义控件来实现这个功能。几年前做个上面这种样式(filled 填充型)。需要多个控件组合 + 动画才能实现，而且需要处理的逻辑也很多。了解到 Text fieids 那么你仅需即可实现之前的 UI 效果，是不是美滋滋？一起来研究一下，现在用不上指不定啥时候就用上了。_com.google.android.material.textfield.textinputedittexthttps://shuaici.blog.csdn.net/article/details/134741237


http://www.ppmy.cn/news/1554367.html

相关文章

Android13应用在后台录音无声音

Android13应用在后台录音无声音

最近在做项目&#xff0c;对讲应用放在后台&#xff0c;录音无声音&#xff0c;最后解决。 一 现象 对讲应用运行在后台&#xff0c;录音无效查看日志&#xff0c;AudioRecorder录音回调全是0&#xff1b;状态栏无通知&#xff0c;无申请通知权限。 二解决 看了现象应该能够…
阅读更多...
Open AI 推出 ChatGPT Pro

Open AI 推出 ChatGPT Pro

每周跟踪AI热点新闻动向和震撼发展 想要探索生成式人工智能的前沿进展吗&#xff1f;订阅我们的简报&#xff0c;深入解析最新的技术突破、实际应用案例和未来的趋势。与全球数同行一同&#xff0c;从行业内部的深度分析和实用指南中受益。不要错过这个机会&#xff0c;成为AI领…
阅读更多...
ensp实验-vrrp多网关配置

ensp实验-vrrp多网关配置

一、交换机与路由的配置区别 1. 角色定义交换机&#xff1a; Master 或 Backup: 交换机通常作为 Master 或 Backup 设备参与 VRRP&#xff0c;负责在主设备故障时接替其工作。路由器&#xff1a; Master 或 Backup: 路由器同样可以作为 Master 或 Backup 设备…
阅读更多...
Paddle Inference部署推理（二十四）

Paddle Inference部署推理（二十四）

二十四&#xff1a;Paddle Inference推理 &#xff08;C&#xff09;API详解 9. 启用内存优化 API定义如下&#xff1a; // 开启内存/显存复用&#xff0c;具体降低内存效果取决于模型结构 // 参数&#xff1a;None // 返回&#xff1a;None void EnableMemoryOptim();// 判…
阅读更多...
现代C++16 pair

现代C++16 pair

文章目录 1. **概述**2. **成员类型和成员对象**3. **构造函数**4. **成员函数**5. **非成员函数**5.1 **make_pair**5.2 **比较运算符**5.3 **std::swap**5.4 **std::get** 6. **辅助类**6.1 **std::tuple_size 和 std::tuple_element**6.2 **std::common_type 和 std::basic_…
阅读更多...
书生浦语第四期L1G4000——InternLM + LlamaIndex RAG 实践

书生浦语第四期L1G4000——InternLM + LlamaIndex RAG 实践

1.环境、模型准备 1.1 配置基础环境 安装python依赖包 pip install einops0.7.0 protobuf5.26.1 1.2 安装Llamaindex pip install llama-index0.11.20 pip install llama-index-llms-replicate0.3.0 pip install llama-index-llms-openai-like0.2.0 pip install llama-ind…
阅读更多...
自回归模型（AR ）

自回归模型（AR ）

最近看到一些模型使用了自回归方法&#xff0c;这里就学习一下整理一下相关内容方便以后查阅。 自回归模型&#xff08;AR &#xff09; 自回归模型&#xff08;AR &#xff09;AR 模型的引入AR 模型的定义参数的估计方法模型阶数选择平稳性与因果性条件自相关与偏自相关函数优…
阅读更多...
Java 中的方法重写

Java 中的方法重写

在 Java 中&#xff0c;方法重写&#xff08;Method Overriding&#xff09;是面向对象编程的一个重要概念&#xff0c;它指的是子类中存在一个与父类中相同名称、相同参数列表和相同返回类型的方法。方法重写使得子类可以提供特定的实现&#xff0c;从而覆盖&#xff08;或改变…
阅读更多...
最新文章

Copyright @ 2022~2023