安卓 协调者布局

最新推荐文章于 2025-09-10 17:14:31 发布
原创 最新推荐文章于 2025-09-10 17:14:31 发布 · 1.8k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#android #java #apache 

 <androidx.coordinatorlayout.widget.CoordinatorLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_marginTop="10dp"
        app:layout_constraintBottom_toBottomOf="parent">

        <com.google.android.material.appbar.AppBarLayout
            android:id="@+id/appbarlayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:contentScrim="@color/color_common_primary">

            <com.google.android.material.appbar.CollapsingToolbarLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                app:collapsedTitleGravity="right"
                app:contentScrim="@color/color_common_white"
                app:expandedTitleGravity="center"
                app:layout_scrollFlags="scroll|snap|exitUntilCollapsed|enterAlwaysCollapsed">

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="vertical">
                    <RadioGroup
                        android:id="@+id/radioGroup"
                        android:layout_width="match_parent"
                        android:layout_height="50dp"
                        android:gravity="center"
                        android:orientation="horizontal"
                        app:layout_constraintTop_toBottomOf="@+id/cons_config_info">

                        <RadioButton
                            android:background="@drawable/radiobutton_background"
                            android:button="@null"
                            android:enabled="false"
                            android:textColor="@color/radiobutton_text_color"
                            android:layout_width="0dp"
                            android:layout_height="match_parent"
                            android:layout_weight="1"
                            android:gravity="center"
                            android:text="序号"
                            android:textSize="16sp"/>

                        <RadioButton
                            android:background="@drawable/radiobutton_background"
                            android:button="@null"
                            android:enabled="false"
                            android:textColor="@color/radiobutton_text_color"
                            android:layout_width="0dp"
                            android:layout_height="match_parent"
                            android:layout_weight="1"
                            android:gravity="center"
                            android:text="零件编号"
                            android:textSize="16sp"/>
                        <RadioButton
                            android:background="@drawable/radiobutton_background"
                            android:button="@null"
                            android:textColor="@color/radiobutton_text_color"
                            android:layout_width="0dp"
                            android:layout_height="match_parent"
                            android:layout_weight="1"
                            android:gravity="center"
                            android:text="表头信息"
                            android:textSize="16sp" />
                        <RadioButton
                            android:background="@drawable/radiobutton_background"
                            android:button="@null"
                            android:checked="true"
                            android:textColor="@color/radiobutton_text_color"
                            android:layout_width="0dp"
                            android:layout_height="match_parent"
                            android:layout_weight="1"
                            android:gravity="center"
                            android:text="当前工序结果"
                            android:textSize="16sp" />
                    </RadioGroup>

                    <!--动态设置recyclerView的高度-->
                    <androidx.recyclerview.widget.RecyclerView
                        android:id="@+id/parts_recyclerView"
                        tools:itemCount="2"
                        tools:listitem="@layout/piweb_activity_parts_measure_parts_item"
                        app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
                        android:layout_width="match_parent"
                        android:layout_height="200dp"/>
                </LinearLayout>

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


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


        <androidx.core.widget.NestedScrollView
            app:layout_behavior="@string/appbar_scrolling_view_behavior"
            android:layout_width="match_parent"
            android:layout_height="match_parent">
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:orientation="vertical">
                <LinearLayout
                    android:id="@+id/ll_features_title"
                    app:layout_constraintTop_toBottomOf="@+id/parts_recyclerView"
                    android:layout_width="match_parent"
                    android:layout_height="50dp"
                    android:background="#EDF2F7"
                    android:orientation="horizontal">
                    <TextView
                        android:layout_width="0dp"
                        android:layout_height="match_parent"
                        android:layout_weight="1"
                        android:gravity="center"
                        android:text="@string/task_detail_number"
                        android:textColor="@color/color_common_black" />

                    <TextView
                        android:layout_width="0dp"
                        android:layout_height="match_parent"
                        android:layout_weight="1.5"
                        android:gravity="center"
                        android:text="@string/task_detail_cate_name"
                        android:textColor="@color/color_common_black" />

                    <TextView
                        android:layout_width="0dp"
                        android:layout_height="match_parent"
                        android:layout_weight="1"
                        android:gravity="center"
                        android:text="@string/task_detail_value_type"
                        android:textColor="@color/color_common_black" />

                    <TextView
                        android:layout_width="0dp"
                        android:layout_height="match_parent"
                        android:layout_weight="1"
                        android:gravity="center"
                        android:text="@string/task_detail_nominal_number"
                        android:textColor="@color/color_common_black" />

                    <TextView
                        android:layout_width="0dp"
                        android:layout_height="match_parent"
                        android:layout_weight="1"
                        android:gravity="center"
                        android:text="@string/task_detail_top_tolerance"
                        android:textColor="@color/color_common_black" />

                    <TextView
                        android:layout_width="0dp"
                        android:layout_height="match_parent"
                        android:layout_weight="1"
                        android:gravity="center"
                        android:text="@string/task_detail_end_tolerance"
                        android:textColor="@color/color_common_black" />

                    <TextView
                        android:layout_width="0dp"
                        android:layout_height="match_parent"
                        android:layout_weight="2"
                        android:gravity="center"
                        android:text="@string/task_detail_measured_value"
                        android:textColor="@color/color_common_black" />

                    <TextView
                        android:layout_width="0dp"
                        android:layout_height="match_parent"
                        android:layout_weight="1"
                        android:gravity="center"
                        android:text="@string/task_detail_determine_the_results"
                        android:textColor="@color/color_common_black" />

                </LinearLayout>
                <androidx.recyclerview.widget.RecyclerView
                    android:id="@+id/features_recyclerView"
                    app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"/>
            </LinearLayout>
        </androidx.core.widget.NestedScrollView>

    </androidx.coordinatorlayout.widget.CoordinatorLayout>

在这里插入图片描述
在这里插入图片描述

注意截图的位置参数

AppBarLayout的监听方法


import com.google.android.material.appbar.AppBarLayout;

public abstract class AppBarStateChangeListener implements AppBarLayout.OnOffsetChangedListener {
    public enum State {
        EXPANDED,
        COLLAPSED,
        IDLE
    }
    private State mCurrentState = State.IDLE;

    @Override
    public final void onOffsetChanged(AppBarLayout appBarLayout, int i) {
        if (i == 0) {
            if (mCurrentState != State.EXPANDED) {
                onStateChanged(appBarLayout, State.EXPANDED);
            }
            mCurrentState = State.EXPANDED;
        } else if (Math.abs(i) >= appBarLayout.getTotalScrollRange()) {
            if (mCurrentState != State.COLLAPSED) {
                onStateChanged(appBarLayout, State.COLLAPSED);
            }
            mCurrentState = State.COLLAPSED;
        } else {
            if (mCurrentState != State.IDLE) {
                onStateChanged(appBarLayout, State.IDLE);
            }
            mCurrentState = State.IDLE;
        }
    }
    public abstract void onStateChanged(AppBarLayout appBarLayout, State state);
}

使用

     binding.appbarlayout.addOnOffsetChangedListener(new AppBarStateChangeListener() {
            @Override
            public void onStateChanged(AppBarLayout appBarLayout, State state) {
                if (state == State.EXPANDED) {
                   //展开
                } else if (state == State.COLLAPSED) {
                    //关闭
                }
            }
        });
Android 协调者布局:ConstraintLayout Barrier
丿灬安之若死
04-27 2422
翻译为中文是屏障的意思 Barrier 也是辅助线，onDraw 和onMearsure方法也没有实现。但是和Gudline 不同，他是一条可以变化的线 Gudline 有start end 或者percent 来固定位置 Barrier 这条辅助线就很有意思啦。 他可以让你的布局充满动态变化 拿一个场景举例 平时我们如果做登录。多语言的时候 翻译成英语以后。控件就不是我们期望的长度了。布局会变化。 那么我们更期望上图中下方的样式的话。 原先代码 <?xml ve
CoordinatorLayout：协调者布局
qq_34606099的博客
05-05 1087
1、作为应用的顶层布局 2、作为一个管理容器，管理与子View或者子View之间的交互 功能： 处理子控件之间依赖下的交互 处理子控件之间的嵌套滑动 处理子控件的测量与布局 处理子控件的事件拦截与响应 以上四个功能，都建立于 CoordainatorLayout中提供 的一个叫做Behavior的 “插件”之上。Behavior 内部也提供了相应方法来对 应这四个不同的功能 NestedScrolling机制的局限性： child parent之间 1:1 当CoordainatorLayout中子控
协调者布局滑动
08-30
协调者布局滑动
【Android】CoordinatorLayout 的基本使用
最新发布
LiuYaoheng的博客
09-10 824
本文介绍了 Android CoordinatorLayout 的基本使用方法，重点讲解了如何通过与 FloatingActionButton、AppBarLayout 及 CollapsingToolbarLayout 的协同配合，轻松实现应用栏折叠、悬浮按钮响应式位移等 Material Design 推荐的交互效果。
Android使用协调布局CoordinatorLayout的代码例子
02-27
Android使用协调布局CoordinatorLayout的代码例子。用于演示CoordinatorLayout的基本用法，以及悬浮按钮FloatingActionButton、底部弹窗BottomSheetBehavior的使用方法。
Android5.0之CoordinatorLayout的使用
weixin_30826095的博客
04-30 410
CoordinatorLayout，中文译作协调者布局，光听这名字你可能很难判断出协调者布局有什么特点，那么我们来看看下面一张图片：由于优快云对图片大小的要求，我只能录制一个快速播放的动画，请大家见谅。但是显示效果大家应该都看到了，就是当在页面的上方有一个图片，当底部的控件向上滑动时，上方的图片慢慢的折叠起来，最终变成一个Toolbar，显示在页面的最上方。就这样一个简单的效果，如果自己用动...
Android 协调者布局
PatrickSta的博客
12-23 525
效果如下: 1.导入依赖 //上拉下拉刷新 implementation 'com.scwang.smartrefresh:SmartRefreshLayout:1.1.0' //工具类 implementation 'com.blankj:utilcode:1.23.2' 2.布局文件 <RelativeLayout android:layout_width="match_parent" android:layout_hei
使用CoordinatorLayout协调者布局实现仿京东发现页面效果
03-28
使用CoordinatorLayout协调者布局实现仿京东发现页面效果，有兴趣的可以深入研究下，相关博客https://blog.csdn.net/hq942845204/article/details/88844272
自定义嵌套滚动WebView（协调者布局中使用）
11-23
实现NestedScrollingChild接口的WebView------NestedScrollWebView，可以在协调者布局中使用，需要设置app:layout_behavior="@string/appbar_scrolling_view_behavior
Android 协调者布局
墨漓
08-08 2640
目录 协调者布局的诞生: 协调者布局的简介: CL的使用: CL常用的属性: CL重要的属性就是 : app:layout_scrollFlags :设置上半部分滑动的方式 这个属性的取值方式有五种: 协调者布局的诞生:             Android在推出5.0版本后推出了材料设置概念,并推出了design兼容包,而我们本章所需要说的协调者布局(CoordinatorLa...
Android CoordinatorLayout 协调布局
GYBIN02的专栏
09-27 1503
Android CoordinatorLayout 协调布局 本篇主要介绍一下四个布局控件，他们之间相互配合可以创造出流畅的动画，实现各种复杂的效果 CoordinatorLayout AppBarLayout CollapsingToolbarLayout ToolBar CoordinatorLayout CoordinatorLayout 是功能强大的FrameLayout。 CoordinatorLayout主要有两个用途 用作应用的顶层布局管理器，作为界面其他控件的父容器 作为与一个或多个子
Android进阶宝典 -- CoordinatorLayout协调者布局原理分析并实现吸顶效果
bugyinyin的博客
01-27 3466
首先我们先从源码中能够看到，CoordinatorLayout只实现了parent接口（**这里如果不清楚parent接口是干什么的，建议看看前面的文章，不然根本不清楚我讲的是什么**），说明CoordinatorLayout只能作为父容器来使用。
Android协调布局CoordinatorLayout 印象笔记
csdn_huangjiama的博客
03-26 366
1.题记    本篇文章简述下常见的协调布局CoordinatorLayout的内部view之间的关系2.正文举个最常见的布局例子&lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android....
安卓5.0推出的协调者布局，其实关键的代码都在xml布局中
puyaCheer的博客
04-11 996
今天想做一个滑动到屏幕顶端的就停在哪里大图title,搜了一下资料，其实so  easy,直接上代码 xml version="1.0" encoding="utf-8"?> xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/
Android 协调者布局 CoordinatorLayout简单认识
热门推荐
a376051132的博客
02-22 1万+
Android在版本5.0之后推出了材料设置概念，并推出了design兼容包，本文所诉的协调者布局CoordinatorLayout就是在这design兼容包中。 所以想要使用这个协调者布局(CoordinatorLayout)，需要引入design包 compile 'com.android.support:design:25.1.1' Coor
android 协调布局,CoordinatorLayout的使用如此简单（Android）
weixin_28893221的博客
05-26 1680
曾在网上找了一些关于CoordinatorLayout的教程，大部分文章都是把CoordinatorLayout、AppbarLayout、CollapsingToolbarLayout 以及Toolbar等一起使用来介绍，这让我不知不觉在心中认为把这几个布局要一起使用，而且只是用于那种场景中。其实CoordinatorLayout的功能并不是局限于与AppBarLayout一起使用，它的功能强大...
Android CoordinatorLayout：打造高效交互界面的利器
帅次的博客
11-11 1万+
本文深入介绍了Android开发中的CoordinatorLayout，强调了其在处理复杂用户界面、子视图交互、滚动联动和MaterialDesign支持等方面的作用与特点。同时，还详细讲解了如何创建和使用自定义Behavior来定制交互效果，以满足特定的布局需求。CoordinatorLayout作为打造高效交互界面的利器，值得Android开发者深入学习和掌握。
Android开发笔记（一百三十四）协调布局CoordinatorLayout
weixin_33933118的博客
08-07 189
协调布局CoordinatorLayoutAndroid自5.0之后对UI做了较大的提升。一个重大的改进是推出了MaterialDesign库，而该库的基础即为协调布局CoordinatorLayout，差点儿全部的design控件都依赖于该布局。协调布局的含义。指的是内部控件互相之前的动作关联，比方在A视图的位置发生变化之时。B视图的位置也依照某种规则来变化。仿佛弹钢琴有了协奏曲一般。使用C...
android 协调布局,Android基础CoordinatorLayout协调布局的使用（一）
weixin_42508114的博客
05-26 583
CoordinatorLayout中文翻译为“协调布局”，它可以协调调度子布局，当触摸的时候会影响布局从而产生动画效果(从协调子布局可以了解到，协调布局必须是跟布局，否则不起作用)。CoordinatorLayout通过设置子View的 Behaviors来调度子View。系统(Support V7)提供了AppBarLayout.Behavior, AppBarLayout.ScrollingV...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值