AppBarLayout和CollapsingToolbarLayout第二波

2023-10-13 09:50

本文主要是介绍AppBarLayout和CollapsingToolbarLayout第二波,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

效果如图


上面是可折叠的head,下面是viewpage +webview。

布局代码如下

<?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:background="@color/white"android:fitsSystemWindows="true"><android.support.design.widget.CollapsingToolbarLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:fitsSystemWindows="true"app:contentScrim="@color/colorPrimary"app:layout_scrollFlags="scroll|exitUntilCollapsed"><LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><com.wbkj.artmss.Weight.WrapContentDraweeViewandroid:id="@+id/iv_head"android:layout_width="match_parent"android:layout_height="wrap_content" /><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginLeft="20dp"android:layout_marginRight="20dp"android:layout_marginTop="-30dp"android:background="@drawable/edit_common_yuanjiao"android:orientation="vertical"><ImageViewandroid:layout_width="match_parent"android:layout_height="5dp"android:background="@color/hdlv" /><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:paddingLeft="15dp"android:paddingRight="5dp"><ImageViewandroid:layout_width="34dp"android:layout_height="30dp"android:layout_alignParentRight="true"android:background="@mipmap/hd_collect" /><TextViewandroid:id="@+id/tv_title"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginTop="15dp"android:textSize="16sp"android:textStyle="bold" /></RelativeLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_below="@+id/tv_title"android:layout_marginTop="20dp"android:paddingLeft="15dp"android:paddingRight="15dp"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@string/feiyong"android:textColor="@color/hdlv" /><TextViewandroid:id="@+id/tv_money"android:layout_width="wrap_content"android:layout_height="wrap_content"android:textColor="@color/hdlv"android:textSize="16sp" /><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginLeft="40dp"android:text="@string/renshu"android:textColor="@color/hdlv" /><TextViewandroid:id="@+id/tv_number"android:layout_width="wrap_content"android:layout_height="wrap_content"android:textColor="@color/hdlv"android:textSize="16sp" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_below="@+id/tv_title"android:layout_marginTop="20dp"android:paddingLeft="15dp"><ImageViewandroid:layout_width="12dp"android:layout_height="12dp"android:background="@mipmap/icon_time" /><TextViewandroid:id="@+id/tv_time"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginLeft="2dp" /><ImageViewandroid:layout_width="12dp"android:layout_height="12dp"android:layout_marginLeft="40dp"android:background="@mipmap/icon_phone" /><TextViewandroid:id="@+id/tv_phone"android:layout_width="wrap_content"android:layout_height="wrap_content"android:textColor="@color/hdlv" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginTop="15dp"android:orientation="horizontal"android:paddingLeft="15dp"><ImageViewandroid:layout_width="12dp"android:layout_height="14dp"android:background="@mipmap/icon_address" /><TextViewandroid:id="@+id/tv_address"android:layout_width="wrap_content"android:layout_height="wrap_content" /></LinearLayout><ImageViewandroid:layout_width="match_parent"android:layout_height="8dp"android:layout_marginTop="15dp"android:background="@color/qline" /><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"android:paddingBottom="15dp"android:paddingLeft="10dp"android:paddingRight="10dp"android:paddingTop="15dp"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@string/zhubanfang" /><TextViewandroid:id="@+id/tv_zbf"android:layout_width="wrap_content"android:layout_height="wrap_content"android:textColor="@color/hint" /></LinearLayout><ImageViewandroid:layout_width="match_parent"android:layout_height="1dp"android:background="@color/qline" /><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"android:paddingBottom="15dp"android:paddingLeft="10dp"android:paddingRight="10dp"android:paddingTop="15dp"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@string/chengbanfang" /><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"><TextViewandroid:text="为天地立心,为生民立命,为往圣继绝学,为万世开太平。哈哈哈哈,强势装一波。"android:id="@+id/tv_cbf"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerVertical="true"android:layout_marginLeft="5dp"android:layout_marginRight="25dp"android:ellipsize="end"android:maxLines="1"android:textColor="@color/hint" /><ImageViewandroid:id="@+id/iv_cbf"android:layout_width="20dp"android:layout_height="20dp"android:layout_alignParentRight="true"android:background="@mipmap/down_arrow" /></RelativeLayout></LinearLayout><ImageViewandroid:layout_width="match_parent"android:layout_height="1dp"android:background="@color/qline" /><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"android:paddingBottom="15dp"android:paddingLeft="10dp"android:paddingRight="10dp"android:paddingTop="15dp"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@string/xiebanfang" /><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"><TextViewandroid:id="@+id/tv_xbf"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerVertical="true"android:layout_marginLeft="5dp"android:layout_marginRight="25dp"android:ellipsize="end"android:maxLines="1"android:textColor="@color/hint" /><ImageViewandroid:id="@+id/iv_xbf"android:layout_width="20dp"android:layout_height="20dp"android:layout_alignParentRight="true"android:background="@mipmap/down_arrow" /></RelativeLayout></LinearLayout><ImageViewandroid:layout_width="match_parent"android:layout_height="8dp"android:background="@color/qline" /><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:paddingBottom="15dp"android:paddingLeft="10dp"android:paddingRight="10dp"android:paddingTop="15dp"><android.support.v7.widget.RecyclerViewandroid:id="@+id/recycler_view"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginRight="30dp"></android.support.v7.widget.RecyclerView><TextViewandroid:id="@+id/tv_pnumber"android:layout_width="40dp"android:layout_height="40dp"android:layout_alignParentRight="true"android:background="@drawable/hd_head_bg"android:gravity="center"android:text="123人"android:textColor="@color/hdlv"android:textSize="10sp" /></RelativeLayout></LinearLayout></LinearLayout><android.support.v7.widget.Toolbarandroid:layout_width="match_parent"android:layout_height="wrap_content"android:gravity="top"android:minHeight="?attr/actionBarSize"app:layout_collapseMode="pin"app:popupTheme="@style/ThemeOverlay.AppCompat.Light"><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"><ImageViewandroid:id="@+id/iv_back"android:layout_width="20dp"android:layout_height="20dp"android:background="@mipmap/back" /><ImageViewandroid:id="@+id/iv_share"android:layout_width="20dp"android:layout_height="20dp"android:layout_alignParentRight="true"android:layout_marginRight="13dp"android:background="@mipmap/share_hd" /></RelativeLayout></android.support.v7.widget.Toolbar></android.support.design.widget.CollapsingToolbarLayout></android.support.design.widget.AppBarLayout><LinearLayoutandroid:layout_marginBottom="80dp"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginLeft="20dp"android:layout_marginRight="20dp"android:background="@color/white"android:orientation="vertical"app:layout_behavior="@string/appbar_scrolling_view_behavior"><android.support.design.widget.TabLayoutandroid:id="@+id/id_tabLayout"android:layout_width="match_parent"android:layout_height="wrap_content"app:layout_behavior="@string/appbar_scrolling_view_behavior"app:tabGravity="fill"app:tabIndicatorColor="@color/hdlv"app:tabMode="fixed"app:tabSelectedTextColor="@color/black"app:tabTextAppearance="@style/TabLayoutmoney"app:tabTextColor="@color/hint" /><ImageViewandroid:layout_width="match_parent"android:layout_height="1dp"android:background="@color/line" /><android.support.v4.view.ViewPagerandroid:id="@+id/viewpager"android:layout_width="match_parent"android:layout_height="match_parent" /></LinearLayout><Buttonandroid:layout_marginLeft="20dp"android:layout_marginRight="20dp"android:layout_gravity="bottom"android:id="@+id/bt_bm"android:layout_width="match_parent"android:layout_height="40dp"android:layout_marginTop="30dp"android:background="@drawable/hd_bm_bg"android:text="@string/wybm"android:textColor="@color/white" /></android.support.design.widget.CoordinatorLayout>
完全就是对Material Design里面的常用布局的各种属性的理解,与搭配。

坑爹的就是内嵌webview需要用NestedScrollView包裹住,才能正确的连续滑动。至于里面水平滑动重叠的recyclerView和可折叠textview可以看我另外两篇文章。

android.support.v4.widget.NestedScrollView
另外感谢我的女神发姐的图片。不懂的可以留下评论问。

这篇关于AppBarLayout和CollapsingToolbarLayout第二波的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



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

相关文章

闲置电脑也能活出第二春?鲁大师AiNAS让你动动手指就能轻松部署

对于大多数人而言,在这个“数据爆炸”的时代或多或少都遇到过存储告急的情况,这使得“存储焦虑”不再是个别现象,而将会是随着软件的不断臃肿而越来越普遍的情况。从不少手机厂商都开始将存储上限提升至1TB可以见得,我们似乎正处在互联网信息飞速增长的阶段,对于存储的需求也将会不断扩大。对于苹果用户而言,这一问题愈发严峻,毕竟512GB和1TB版本的iPhone可不是人人都消费得起的,因此成熟的外置存储方案开

《数据结构(C语言版)第二版》第八章-排序(8.3-交换排序、8.4-选择排序)

8.3 交换排序 8.3.1 冒泡排序 【算法特点】 (1) 稳定排序。 (2) 可用于链式存储结构。 (3) 移动记录次数较多,算法平均时间性能比直接插入排序差。当初始记录无序,n较大时, 此算法不宜采用。 #include <stdio.h>#include <stdlib.h>#define MAXSIZE 26typedef int KeyType;typedef char In

CSP 2023 提高级第一轮 CSP-S 2023初试题 完善程序第二题解析 未完

一、题目阅读 (最大值之和)给定整数序列 a0,⋯,an−1,求该序列所有非空连续子序列的最大值之和。上述参数满足 1≤n≤105 和 1≤ai≤108。 一个序列的非空连续子序列可以用两个下标 ll 和 rr(其中0≤l≤r<n0≤l≤r<n)表示,对应的序列为 al,al+1,⋯,ar​。两个非空连续子序列不同,当且仅当下标不同。 例如,当原序列为 [1,2,1,2] 时,要计算子序列 [

linux命令总结第二弹

系统信息 arch 显示机器的处理器架构(1) uname -m 显示机器的处理器架构(2) uname -r 显示正在使用的内核版本 dmidecode -q 显示硬件系统部件 - (SMBIOS / DMI) hdparm -i /dev/hda 罗列一个磁盘的架构特性 hdparm -tT /dev/sda 在磁盘上执行测试性读取操作 cat /proc/cpuinfo 显示CPU info

《数据结构(C语言版)第二版》第八章-排序(8.2-插入排序)

【8.2插入类、8.3交换类、8.4选择类、8.5归并类、8.6分配类 都属于内部排序。 】 8.2 插入排序 8.2.1 直接插人排序 【算法特点】 (1)稳定排序。 (2)算法简便,且容易实现。 (3)也适用于链式存储结构,只是在单链表上无需移动记录,只需修改相应的指针。 (4)更适合于初始记录基本有序(正序)的情况。 当初始记录无序,n较大时,此算法时间复杂度较高,不宜采用。 #in

第二证券 :刚刚,两交易所发公告

刚刚,上交所发布两则公告。 一则是《关于沪港通下港股通2024年9月6日暂停生意的告诉》。告诉指出,2024年9月6日,港交所因飓风暂停生意。根据《上海证券生意所沪港通事务施行办法》,沪港通下港股通(以下简称港股通)暂停生意。港股通生意的清算交收事宜,根据中国证券挂号结算有限责任公司的安排进行。请各商场参与人继续关注港交所后续公告,做好相应的数据调整、技术保证及投资者教育作业。 另一则是,上海

第二证券:北交所新股申购和沪深两市有什么区别?

北交所新股申购和沪深新股申购的区别: 1、申购条件不同 深市、沪市申购新股前第22个交易日至申购前第2个交易日的日均持有市值在1万元以上的投资者可参加新股申购。 此外,创业板(深市)新股申购有必要注册创业板权限。创业板注册条件:恳求注册权限前20个交易日证券及资金账户日均资产不低于10万元,不包括融资融券融入的资金和证券;两年及以上的股票交易阅历;风险承受能力C4及以上。 此外,科创板(沪

项目实战系列三: 家居购项目 第二部分

家居购项目 🐇servlet合并🍎方案一: 隐藏域🍎方案二: 反射+模板设计模式+动态代理 🌳显示家居🌳添加家居🍉解决重复添加🍉后端数据校验说明🍉BeanUtils自动封装Bean 🌳删除家居🌳修改家具 🐇servlet合并 需求 1.如果处理一个请求, 就对应一个Servlet, 会造成Servlet文件太多, 不利于管理. 2.在项目开发中, 同一个

《数据结构(C语言版)第二版》第七章-查找(算法设计题)

习题1 试写出折半查找的递归算法。 #include <stdio.h>#include <stdlib.h>#define Maxsize 100typedef int KeyType;typedef char InfoType;typedef struct{KeyType Key;InfoType OtherInfo;}elem;typedef struct{elem *R;in

sed awk 第二版学习(三)—— 编写 sed 脚本

目录 一、在脚本中应用命令 二、寻址上的全局透明 三、测试并保存输出 1. 用于测试 sed 的 shell 脚本 testsed 2. sed 永久性改动的 shell 脚本 runsed 四、sed 脚本的四种典型应用 1. 对同一文件的多重编辑 2. 改变一组文件 3. 提取文件内容 (1)提取宏定义脚本 getmac (2)生成提纲的脚本 do.outline 4.