代码之家  ›  专栏  ›  技术社区  ›  Katy Colins

折叠工具栏布局与环绕内容高度重叠视图

  •  2
  • Katy Colins  · 技术社区  · 7 年前

    当我将collapsingtoolbarlayout height设置为wrap content时,我的视图会重叠,但是当设置为确切的高度(在本例中为195dp)时,它工作得很好,有人能告诉我如何在不重叠视图的情况下使用wrap内容吗?我希望在工具栏下滚动相对布局。

    THX提前

    <

    活动\main.xml

    <?xml version=“1.0”encoding=“utf-8”?gt;
    <android.support.design.widget.coordinatorlayout xmlns:android=“http://schemas.android.com/apk/res/android”
    xmlns:app=“http://schemas.android.com/apk/res-auto”
    xmlns:tools=“http://schemas.android.com/tools”
    android:layout_width=“匹配父级”
    android:layout_height=“匹配父级”
    android:background=“@android:color/white”
    工具:context=“mainActivity”>
    
    <android.support.design.widget.appbar布局
    android:id=“@+id/应用程序工具栏”
    android:layout_width=“匹配父级”
    android:layout_height=“包装内容”
    android:background=“@android:color/white”
    android:fitsSystemWindows=“真”
    android:theme=“@style/apptheme.appbaroverlay”>
    
    <android.support.design.widget.collapsingtoolbar布局
    android:id=“@+id/工具栏布局”
    android:layout_width=“匹配父级”
    android:layout_height=“包装内容”
    android:fitsSystemWindows=“真”
    app:layout_behavior=“@string/appbar_滚动查看_behavior”
    app:layout_scrollflags=“滚动退出滚动折叠”
    app:titleEnabled=“假”
    app:toolbar id=“@+id/工具栏”>
    
    <相对布局
    android:id=“@+id/profile\u相对”
    android:layout_width=“匹配父级”
    android:layout_height=“包装内容”
    android:fitsSystemWindows=“真”
    app:layout_collapseMode=“none”>
    
    <图像视图
    android:id=“@+id/个人资料”
    android:layout_width=“120dp”
    android:layout_height=“120dp”
    android:layout_margin=“10dp”
    android:src=“@drawable/random”兄弟
    工具:ignore=“contentdescription”/>
    
    <文本视图
    android:layout_width=“包装内容”
    android:layout_height=“包装内容”
    android:layout_centervertical=“真”
    android:layout_marginstart=“15dp”
    android:layout_toendoff=“@id/profile_img”
    android:text=“@string/laurent_koscielny”
    android:textcolor=“@android:color/black”
    android:textsize=“20sp”/>
    
    </relativelayout>
    
    <android.support.v7.widget.toolbar
    android:id=“@+id/工具栏”
    android:layout_width=“匹配父级”
    android:layout_height=“65dp”
    app:layout_collapseMode=“销”
    app:popupTheme=“@style/apptheme.popupOverlay”/>
    
    <android.support.design.widget.tablayout
    android:id=“@+id/tablayout”
    android:layout_width=“匹配父级”
    android:layout_height=“65dp”
    android:layout_gravity=“底部”
    android:background=“@android:color/transparent”
    app:tabGravity=“填充”
    app:tabIndicatorColor=“@android:color/holo_orange_dark”
    app:tabMaxWidth=“0dp”
    app:tabMode=“固定”
    app:tabselectedtextcolor=“@android:color/black”
    app:tabtextpearance=“@android:style/textpearance.widget.tabwidget”
    app:tabTextColor=“@android:color/black”/>
    
    </android.support.design.widget.collapsingtoolbarlayout>
    
    </android.support.design.widget.appbarlayout>
    
    <android.support.v4.view.viewpager
    android:id=“@+id/查看寻呼机”
    android:layout_width=“匹配父级”
    android:layout_height=“匹配父级”
    android:layout_below=“@id/app_栏”
    app:layout_behavior=“@string/appbar_滚动_view_behavior”>
    
    </android.support.v4.view.viewpager>
    
    </android.support.design.widget.coordinatorlayout>
    
    
    

    THX提前

    enter image description hereenter image description here

    活动\main.xml

    <?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"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/white"
        tools:context=".MainActivity">
    
        <android.support.design.widget.AppBarLayout
            android:id="@+id/app_bar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@android:color/white"
            android:fitsSystemWindows="true"
            android:theme="@style/AppTheme.AppBarOverlay">
    
            <android.support.design.widget.CollapsingToolbarLayout
                android:id="@+id/toolbar_layout"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:fitsSystemWindows="true"
                app:layout_behavior="@string/appbar_scrolling_view_behavior"
                app:layout_scrollFlags="scroll|exitUntilCollapsed"
                app:titleEnabled="false"
                app:toolbarId="@+id/toolbar">
    
                <RelativeLayout
                    android:id="@+id/profile_relative"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:fitsSystemWindows="true"
                    app:layout_collapseMode="none">
    
                    <ImageView
                        android:id="@+id/profile_img"
                        android:layout_width="120dp"
                        android:layout_height="120dp"
                        android:layout_margin="10dp"
                        android:src="@drawable/random_dude"
                        tools:ignore="ContentDescription" />
    
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_centerVertical="true"
                        android:layout_marginStart="15dp"
                        android:layout_toEndOf="@id/profile_img"
                        android:text="@string/laurent_koscielny"
                        android:textColor="@android:color/black"
                        android:textSize="20sp" />
    
                </RelativeLayout>
    
                <android.support.v7.widget.Toolbar
                    android:id="@+id/toolbar"
                    android:layout_width="match_parent"
                    android:layout_height="65dp"
                    app:layout_collapseMode="pin"
                    app:popupTheme="@style/AppTheme.PopupOverlay" />
    
                <android.support.design.widget.TabLayout
                    android:id="@+id/tabLayout"
                    android:layout_width="match_parent"
                    android:layout_height="65dp"
                    android:layout_gravity="bottom"
                    android:background="@android:color/transparent"
                    app:tabGravity="fill"
                    app:tabIndicatorColor="@android:color/holo_orange_dark"
                    app:tabMaxWidth="0dp"
                    app:tabMode="fixed"
                    app:tabSelectedTextColor="@android:color/black"
                    app:tabTextAppearance="@android:style/TextAppearance.Widget.TabWidget"
                    app:tabTextColor="@android:color/black" />
    
            </android.support.design.widget.CollapsingToolbarLayout>
    
        </android.support.design.widget.AppBarLayout>
    
        <android.support.v4.view.ViewPager
            android:id="@+id/view_pager"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_below="@id/app_bar"
            app:layout_behavior="@string/appbar_scrolling_view_behavior">
    
        </android.support.v4.view.ViewPager>
    
    </android.support.design.widget.CoordinatorLayout>
    
    1 回复  |  直到 7 年前
        1
  •  3
  •   nik    7 年前

    试着这样做:

       <android.support.design.widget.CoordinatorLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/white"
        tools:context=".MainActivity">
    
        <android.support.design.widget.AppBarLayout
            android:id="@+id/app_bar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@android:color/white"
            android:fitsSystemWindows="true"
            android:theme="@style/AppTheme.AppBarOverlay">
    
            <android.support.design.widget.CollapsingToolbarLayout
                android:id="@+id/toolbar_layout"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:fitsSystemWindows="true"
                app:layout_behavior="@string/appbar_scrolling_view_behavior"
                app:layout_scrollFlags="scroll|exitUntilCollapsed"
                app:titleEnabled="false"
                app:toolbarId="@+id/toolbar">
    
                <RelativeLayout
                    android:id="@+id/profile_relative"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:fitsSystemWindows="true"
                    app:layout_collapseMode="none">
    
    
                    <ImageView
                        android:id="@+id/profile_img"
                        android:layout_width="120dp"
                        android:layout_height="120dp"
                        android:layout_margin="10dp"
                        android:src="@mipmap/ic_launcher"
                        tools:ignore="ContentDescription" />
    
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_centerVertical="true"
                        android:layout_marginStart="15dp"
                        android:layout_toEndOf="@id/profile_img"
                        android:text="@string/laurent_koscielny"
                        android:textColor="@android:color/black"
                        android:textSize="20sp"
                        android:layout_marginLeft="15dp"
                        android:layout_toRightOf="@id/profile_img" />
    
    
                </RelativeLayout>
    
            </android.support.design.widget.CollapsingToolbarLayout>
    
    
            <android.support.design.widget.TabLayout
                android:id="@+id/tabLayout"
                android:layout_width="match_parent"
                android:layout_height="65dp"
                android:layout_gravity="bottom"
                android:background="@android:color/transparent"
                app:tabGravity="fill"
                app:tabIndicatorColor="@android:color/holo_orange_dark"
                app:tabMaxWidth="0dp"
                app:tabMode="fixed"
                app:tabSelectedTextColor="@android:color/black"
                app:tabTextAppearance="@android:style/TextAppearance.Widget.TabWidget"
                app:tabTextColor="@android:color/black" />
    
        </android.support.design.widget.AppBarLayout>
    
        <android.support.v4.view.ViewPager
            android:id="@+id/view_pager"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_behavior="@string/appbar_scrolling_view_behavior">
    
        </android.support.v4.view.ViewPager>
    
    </android.support.design.widget.CoordinatorLayout>