Android设计库AppBar滚动行为

时间:2015-06-01 08:22:15

标签: android appbar android-design-library androiddesignsupport

我的应用程序中有一个滚动工具栏的自己实现。来自Google的新设计库   http://android-developers.blogspot.de/2015/05/android-design-support-library.html有一个滚动工具栏的新实现。这非常好,易于实现,但我的问题是有一些限制。我有一个工具栏,后面有一个图像和底部的标签。如果我使用新的实现,我不能让图像滚动关闭工具栏,并且标签不会消失。我可以使用图片在工具栏下获取标签,但这不是我的目标。

左边是它正常工作的方式,但是tabtrip不在图像的顶部。在右边它是正确的,但如果它滚动,tabtrip消失

我希望很清楚我的意思,有人可以帮助我,谢谢。

我忘记了xml声明。 左截图:

<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.support.v4.widget.NestedScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior">

    <WebView
        android:id="@+id/wvTest"
        android:layout_height="match_parent"
        android:layout_width="match_parent"/>

</android.support.v4.widget.NestedScrollView>

<android.support.design.widget.AppBarLayout
    android:id="@+id/abTest"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="150dp"
        app:layout_scrollFlags="scroll|enterAlways">

        <ImageView
            android:id="@+id/ivMainImageView"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scaleType="centerCrop"
            android:src="@drawable/background" />

        <View
            android:id="@+id/vActionBarBackgroundHolder"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#37913C"
            android:alpha="0" />

        <android.support.v7.widget.Toolbar
            android:id="@+id/tbTest"
            android:layout_width="match_parent"
            android:background="#00FFFFFF"
            android:layout_height="65dp" />

    </RelativeLayout>

    <com.astuetz.PagerSlidingTabStrip
        android:id="@+id/tabs"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:background="#37913C"/>

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

右截图:

<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.support.v4.widget.NestedScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior">

    <WebView
        android:id="@+id/wvTest"
        android:layout_height="match_parent"
        android:layout_width="match_parent"/>

</android.support.v4.widget.NestedScrollView>

<android.support.design.widget.AppBarLayout
    android:id="@+id/abTest"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="150dp"
        app:layout_scrollFlags="scroll|enterAlways">

        <ImageView
            android:id="@+id/ivMainImageView"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scaleType="centerCrop"
            android:src="@drawable/background" />

        <View
            android:id="@+id/vActionBarBackgroundHolder"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#37913C"
            android:alpha="0" />

        <android.support.v7.widget.Toolbar
            android:id="@+id/tbTest"
            android:layout_width="match_parent"
            android:background="#00FFFFFF"
            android:layout_height="65dp" />

        <com.astuetz.PagerSlidingTabStrip
            android:id="@+id/tabs"
            android:layout_width="match_parent"
            android:layout_height="48dp"
            android:background="#8837913C"
            android:layout_alignParentBottom="true"/>

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

0 个答案:

没有答案