我想保持TitleBar可见并且粘在顶部而不是在折叠工具栏下面

时间:2017-05-28 00:11:02

标签: android android-layout layout

我有一个带有CollapsingToolbar布局和ImageView的AppBarLayout。当我ScrollUp时出现TitleBar。但是我想把它放在最顶层并始终可见。我已经尝试过改变

app:layout_collapseMode attribute.

也试过

app:layout_scrollFlags="scroll|exitUntilCollapsed|enterAlways"

但也没有奏效。我有一个代码如下:

<android.support.design.widget.AppBarLayout
    android:id="@+id/appbar"
    android:layout_width="match_parent"
    android:layout_height="@dimen/height"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    android:fitsSystemWindows="true"
    >

    <android.support.design.widget.CollapsingToolbarLayout
        android:id="@+id/collapsing_toolbar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_scrollFlags="scroll|exitUntilCollapsed"
        android:fitsSystemWindows="true"
        app:expandedTitleMarginStart="25dp"
        app:expandedTitleMarginEnd="60dp">

        <ImageView
            android:id="@+id/images"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scaleType="centerCrop"
            android:fitsSystemWindows="true"
            app:layout_collapseMode="parallax" />

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:layout_gravity="top"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
            app:layout_collapseMode="pin" />

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

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

<android.support.v4.widget.NestedScrollView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/window_background"
    app:layout_behavior="android.support.design.widget.AppBarLayout$ScrollingViewBehavior">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        >
            <TextView
                    android:layout_width="30dp"
                    android:layout_height="20dp"
                    android:id="@+id/viewDetail"
                    android:text="View Detail"
                    android:textColor="#ffffff"
                    android:gravity="bottom|right|end"
                    android:onClick="onClick"/>
               </LinearLayout>
 </android.support.v4.widget.NestedScrollView>

1 个答案:

答案 0 :(得分:0)

最后我找到了解决方法。我还在ScrollBarLayout中添加了ImageView。下面的代码对我来说很好用!

  <android.support.design.widget.AppBarLayout
        android:id="@+id/appbar"
        android:layout_width="match_parent"
        android:layout_height="@dimen/height"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        >


            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:layout_gravity="top"
                app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
                app:layout_collapseMode="pin" />


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

    <android.support.v4.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/window_background"
        app:layout_behavior="android.support.design.widget.AppBarLayout$ScrollingViewBehavior">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">
            <ImageView
                android:id="@+id/images"
                android:layout_width="match_parent"
                android:layout_height="200dp"
                android:scaleType="centerCrop"
                app:layout_collapseMode="parallax" />
                <TextView
                        android:layout_width="30dp"
                        android:layout_height="20dp"
                        android:id="@+id/viewDetail"
                        android:text="View Detail"
                        android:textColor="#ffffff"
                        android:gravity="bottom|right|end"
                        android:onClick="onClick"/>
                   </LinearLayout>
     </android.support.v4.widget.NestedScrollView>