Thanh công cụ của Android sụp đổBạn gặp vấn đề

Question

Tôi có Thanh công cụ tạo ra vấn đề với văn bản Tiêu đề "Không được thu gọn trong khi cuộn lên trên trong Thu gọnToolbarLayout.

Tôi đã thử một vài chỉnh sửa, bằng cách sử dụng ứng dụng : layout_collapseMode = "none" làm thuộc tính trong android.support.v7.widget.Toolbar nhưng không hoạt động. Có thể có sự cố với bố cục của tôi.

Dưới đây là những gì tôi đang cố gắng đạt được.

Nhưng khi tôi di chuyển đến phía trên, các Toolbar cũng sụp đổ, và TabBar cũng cuộn bên trong, và trở nên không nhìn thấy được. dưới đây là những gì tôi có bây giờ.

Đây là Mã Layout tôi

<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.design.widget.AppBarLayout 
     android:id="@+id/appbar" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content"> 



     <android.support.design.widget.CollapsingToolbarLayout 
      android:id="@+id/collapsing_toolbar" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      app:contentScrim="?attr/colorPrimary" 
      app:layout_scrollFlags="scroll|enterAlways"> 

      <FrameLayout 
       android:layout_width="match_parent" 
       android:layout_height="250dp" 
       app:layout_collapseMode="parallax" 
       app:layout_collapseParallaxMultiplier="0.7"> 

       <ImageView 
        android:id="@+id/backdrop" 
        android:layout_width="match_parent" 
        android:layout_height="match_parent" 
        android:scaleType="centerCrop" /> 

       <View 
        android:layout_width="match_parent" 
        android:layout_height="match_parent" 
        android:background="#20000000" /> 

      </FrameLayout> 

      <android.support.v7.widget.Toolbar 
       android:id="@+id/toolbar" 
       app:popupTheme="@style/ThemeOverlay.AppCompat.Light" 
       android:layout_width="match_parent" 
       android:layout_height="?attr/actionBarSize" 
       app:layout_collapseMode="none" 
       > 
       <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:text="Application Title" 
        android:textColor="#fff" 
        android:textSize="18sp" /> 
      </android.support.v7.widget.Toolbar> 




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



     <android.support.design.widget.CollapsingToolbarLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      app:layout_scrollFlags="scroll|enterAlways"> 

      <android.support.design.widget.TabLayout 
       android:id="@+id/detail_tabs" 
       android:layout_width="match_parent" 
       android:layout_height="60dp" 
       app:layout_collapseMode="pin" 

       android:background="#00000000" 
       app:tabSelectedTextColor="#3498db" 
       app:tabTextColor="#000" /> 
      /> 

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

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

    <android.support.v4.view.ViewPager 
     android:id="@+id/viewpager" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:background="#333" 
     app:layout_behavior="@string/appbar_scrolling_view_behavior" /> 
</android.support.design.widget.CoordinatorLayout> 

Dependencies

dependencies { 
    compile fileTree(dir: 'libs', include: ['*.jar']) 
    compile "com.android.support:appcompat-v7:22.2.1" 
    compile "com.android.support:support-annotations:22.2.1" 
    compile "com.android.support:design:22.2.1" 
    compile 'com.android.support:recyclerview-v7:22.2.1' 
    compile 'com.android.support:cardview-v7:22.2.1' 

} 

Answer 1

thử này ...

Bạn phải sử dụng ứng dụng: layout_scrollFlag s = "cuộn | exitUntilCollapsed" thay vì ứng dụng: layout_scrollFlags = "cuộn | enterAlways" bên trong CollapsingToolbarLayout

và sử dụng ứng dụng: layout_collapseMode = "pin" bên trong thanh công cụ

<android.support.design.widget.CollapsingToolbarLayout 
     android:id="@+id/collapsing_toolbar" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     app:layout_scrollFlags="scroll|exitUntilCollapsed" 
     app:contentScrim="?attr/colorPrimary" > 

     <FrameLayout 
      android:layout_width="match_parent" 
      android:layout_height="250dp" 
      app:layout_collapseMode="parallax" 
      app:layout_collapseParallaxMultiplier="0.7" > 

      <ImageView 
       android:id="@+id/backdrop" 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:scaleType="centerCrop" /> 

      <View 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:background="#20000000" /> 
     </FrameLayout> 

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

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Application Title" 
       android:textColor="#fff" 
       android:textSize="18sp" /> 
     </android.support.v7.widget.Toolbar> 

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

Answer 2

Trong thanh công cụ của bạn làm điều này:

app:layout_collapseMode="pin" 

pin được sử dụng để ghim bố trí đầu khi sụp đổ toolbar cuộn bố trí

sai được sử dụng để che dấu sự bố trí khi bị sụp đổ cuộn thanh công cụ đầu trang