协调者布局:CoordinatorLayout

layout_scrollFlag属性:
scroll:需要哪个View滚动就需要设置该属性;
exitUntilCollapsed:向上推动屏幕的时候滑动的部分折叠起来,只有下滑到最低端的时候折叠部分才会出现

enterAlways:只要下滑的时候,折叠的部分就会出现

enterAlwaysCollapsed:以最小高度折叠起来,到达顶部显示完整高度
<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.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="295dp">
            <ImageView
                android:layout_width="match_parent"
                android:layout_height="200dp"
                android:scaleType="fitXY"
         app:layout_scrollFlags="scroll|exitUntilCollapsed"

                android:src="@mipmap/weimeithree" />
        <android.support.design.widget.TabLayout
            android:id="@+id/tab_layout"
            android:layout_width="match_parent"
            style="@style/TabLayoutText"
            app:tabSelectedTextColor="#08f213"
            android:layout_height="35dp"
            android:layout_marginTop="5dp" />
    </android.support.design.widget.AppBarLayout>

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager_my_fragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

</android.support.design.widget.CoordinatorLayout>

底部内容必须是ViewPager或者NestedScrollView。ViewPager里面的布局也必须是NestdScrollView.

时间: 2024-10-03 15:48:39

协调者布局:CoordinatorLayout的相关文章

【框架】CoordinatorLayout&amp;RecyclerView 协调者布局+卡片布局

效果图:    *recycler_view_item.xml <LinearLayout 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="1

【框架】CoordinatorLayout协调者布局

<?xml version="1.0" encoding="utf-8"?> <!-- 协调者布局,该布局整体上分为两部分, 第一部分是一个AppBar 第二部分是一个滚动控件,可用的滚动控件有两种:1.NestedScrollView.2.RecyclerView --> <android.support.design.widget.CoordinatorLayout xmlns:android="http://schema

Android开发笔记(一百三十四)协调布局CoordinatorLayout

协调布局CoordinatorLayout Android自5.0之后对UI做了较大的提升,一个重大的改进是推出了MaterialDesign库,而该库的基础即为协调布局CoordinatorLayout,几乎所有的design控件都依赖于该布局.协调布局的含义,指的是内部控件互相之前的动作关联,比如在A视图的位置发生变化之时,B视图的位置也按照某种规则来变化,仿佛弹钢琴有了协奏曲一般. 使用CoordinatorLayout时,要注意以下几点:1.导入design库:2.根布局采用androi

通过来模仿稀土掘金个人页面的布局来学习使用CoordinatorLayout

特别喜欢稀土掘金个人界面的样子,那我们就来看看如何实现这个效果吧,要想实现这个效果,肯定需要的是Material Design风格,那就需要学会使用以下控件:CoordinatorLayout,AppBarLayout,CollapsingToolbarLayout,Toolbar,TabLayout等,如果你做出这个效果来,那这些控件你就基本掌握了. 效果对比图 介绍之前,我们先来看看效果对比图: 稀土掘金app原图 模仿的效果图 CoordinatorLayout的介绍 Coordinato

Android Support Design练手[DrawerLayout、CoordinatorLayout、CollapsingToolbarLayout...]

先po一张效果图 PS:原谅题主的懒惰吧.. 看着是不是很酷炫,那是因为5.0的动画做得好,代码其实没有多少,搞清楚这个布局的层次关系很重要. 废话不多说了,先来看布局文件 最外层是一个DrawerLayout,它里面可以嵌套(一个?)container和多个drawer 在这个demo中DrawerLayout包含了一个CoordinatorLayout , ListView , NavigationView CoordinatorLayout  作为 container的根布局 listVi

Android Support Design Library之CoordinatorLayout

Android Support Design Library是5.0的安卓支持库,最低兼容版本是Android 2.2,可以说是一个良心的产品,以前编写Android程序总需要考虑到版本的问题,现在使用这个Android支持库开发可以不需要考虑这类问题,这可以说是另一种开发语言,下面我们将一一介绍里面的每个控件的使用方式以及其扩展特效. 1.什么是CoordinatorLayout 从其英文名字可知道其为"协调者",组织"协调"子View的父View,其继承自Fra

android CoordinatorLayout使用

一.CoordinatorLayout有什么作用 CoordinatorLayout作为"super-powered FrameLayout"基本实现两个功能: 1.作为顶层布局 2.调度协调子布局 CoordinatorLayout使用新的思路通过协调调度子布局的形式实现触摸影响布局的形式产生动画效果.CoordinatorLayout通过设置子View的 Behaviors来调度子View.系统(Support V7)提供了AppBarLayout.Behavior, AppBar

材料设计---Design

效果: main_activity.xml <?xml version="1.0" encoding="utf-8"?> <!--CoordinatorLayout:协调者布局.--> <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app

Android5.0之TextInputLayout、FloatingActionButton的使用

TextInputLayout和FloatingActionButton都属于MD风格的控件,比起普通的EditText和Button.ImageButton,TextInputLayout和FloatingActionButton还是有很多炫酷的地方,今天我们就一起来看一下. 1.TextInputLayout TextInputLayout这个控件主要是配合EditText来使用的,以前在EditText中我们经常需要给EditText设置一个hint属性告诉用户这里输入什么,但是用户有可能