【问题标题】:Collapsing tool bar layout collapse automatically折叠工具栏布局自动折叠
【发布时间】:2016-01-22 15:02:15
【问题描述】:

<android.support.design.widget.AppBarLayout
    android:id="@+id/main.appbar"
    android:layout_width="match_parent"
    android:layout_height="300dp"
    android:fitsSystemWindows="true"
    android:background="#0000ffff"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

    <android.support.design.widget.CollapsingToolbarLayout
        android:id="@+id/collapsing"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        app:layout_scrollFlags="scroll|exitUntilCollapsed">

        <FrameLayout
            android:id="@+id/main.framelayout.title"
            android:layout_width="match_parent"
            android:layout_height="100dp"
            android:layout_gravity="bottom|center_horizontal"
            android:orientation="vertical"
            app:layout_collapseMode="parallax"
            app:layout_collapseParallaxMultiplier="0.3"

            >
            <LinearLayout
                android:id="@+id/main.linearlayout.title"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:orientation="vertical">

            </LinearLayout>
        </FrameLayout>

        <android.support.v4.view.ViewPager
            android:id="@+id/pager"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="bottom"
            app:layout_behavior="@string/appbar_scrolling_view_behavior"
            app:layout_scrollFlags="scroll|enterAlwaysCollapsed" />

        <com.viewpagerindicator.CirclePageIndicator
            android:id="@+id/titles"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom|center_horizontal"
            android:padding="10dip"
            app:layout_collapseMode="pin" />

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


<android.support.v7.widget.RecyclerView
    android:id="@+id/listView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:scrollbars="none"
    app:layout_collapseMode="pin"
    app:layout_scrollFlags="scroll|enterAlwaysCollapsed"
    app:layout_behavior="@string/appbar_scrolling_view_behavior" />


<ImageView
    android:id="@+id/topImage"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:layout_alignParentTop="true"
    android:layout_gravity="top"
    app:layout_scrollFlags="scroll|enterAlwaysCollapsed" />

<View
    android:id="@+id/topView"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:layout_gravity="top"
    android:background="@drawable/bl" />


<android.support.v7.widget.Toolbar
    android:id="@+id/main.toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:gravity="top"
    app:layout_anchor="@id/main.framelayout.title"
    app:theme="@style/ThemeOverlay.AppCompat.Dark"
    app:title="">

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:orientation="horizontal">

        <TextView
            android:id="@+id/main.textview.title"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_marginLeft="8dp"
            android:gravity="center_vertical"
            android:text="@string/quila_name2"
            android:textColor="@android:color/white"
            android:textSize="20sp"
            android:visibility="invisible" />

    </LinearLayout>
 </android.support.v7.widget.Toolbar>
 <de.hdodenhof.circleimageview.CircleImageView
    android:id="@+id/circleImageVdiewiew"
    android:layout_width="@dimen/image_width"
    android:layout_height="@dimen/image_width"
    android:layout_gravity="right"
    android:src="@drawable/walterwhite"
    app:border_color="@android:color/white"
    app:border_width="2dp"
    app:layout_behavior="saulmm.myapplication.AvatarImageBehavior" 
</android.support.design.widget.CoordinatorLayout>

在展开和折叠我的折叠工具栏布局时显示弹簧效果。在展开到一半时它会自动折叠。折叠工具栏在展开和折叠时堆叠我尝试从我身边请提供一些帮助来解决这个问题。当我尝试展开它时,我的折叠工具栏会自动折叠如果删除某个点的触摸,折叠布局会自动折叠

【问题讨论】:

  • 请增加清晰度并改进您的标题。
  • 如果我将滚动条留在某个点上,当我尝试展开它时,我的折叠也会自动折叠 .collpse 自动
  • 请检查我的回答并告诉我们您为什么使用 ViewPager 它是用于 tablayout 还是?

标签: android android-design-library


【解决方案1】:

问题来自ViewPager,而您正在CollapsingToolbarLayout 中使用它。

CollapsingToolbarLayoutToolbar 的包装器 折叠应用栏。它被设计为用作 应用栏布局。

也许你想在NestedScrollView 中尝试一下(另外,也适用于你的内容)而且,正如我所见,你也有RecyclerView。(RecyclerView 的位置看起来不错) .但是,这会导致ViewPager出现错误。(你可以清楚地使用ViewPager并告诉我们你为什么使用它,例如TabLayout等)

然后,将该工具栏放在CollapsingToolbarLayout 中。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-08-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多