2015-12-06 17 views
5

メニューオプションで折りたたみツールバーレイアウトを実装しようとしていますが、画像ビューソースを下のコードで設定すると、画像はメニューと戻るボタンをカバーします。オプションをクリックすると、画像に隠れてしまいます。誰もがこれを修正する方法を知っていますか?メニューオプションが折りたたみツールバーに表示されない

XMLレイアウト

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

     <android.support.design.widget.CollapsingToolbarLayout android:id="@+id/toolbar_layout" 
      android:layout_width="match_parent" android:layout_height="match_parent" 
      android:fitsSystemWindows="true" app:contentScrim="?attr/colorPrimary" 
      app:layout_scrollFlags="scroll|exitUntilCollapsed" app:toolbarId="@+id/toolbar"> 

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

      <ImageView 
       android:src="@drawable/background" 
       app:layout_scrollFlags="scroll|enterAlways|enterAlwaysCollapsed" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:scaleType="centerCrop" 
       app:layout_collapseMode="parallax" 
       android:minHeight="100dp" 
       android:fitsSystemWindows="true"/> 

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

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

コーディネーターレイアウト内ですか? – Simon

+0

はい、表示されていないメニューアイコン以外はすべて正常に動作します – Carl

答えて

5

これを試してください。

<?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" 
    android:id="@+id/coordinator" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:fitsSystemWindows="true" > 

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

     <android.support.design.widget.CollapsingToolbarLayout 
      android:id="@+id/toolbar_layout" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      app:layout_scrollFlags="scroll|exitUntilCollapsed" 
      android:fitsSystemWindows="true" 
      app:contentScrim="?attr/colorPrimary" 
      app:toolbarId="@+id/toolbar" > 

      <ImageView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       app:layout_collapseMode="parallax" 
       android:background="@drawable/background" 
       android:fitsSystemWindows="true" 
       android:minHeight="100dp" 
       android:scaleType="centerCrop" /> 

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

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

があればトラブルの休暇コメント

幸運!自身の経験から

+0

ツールバーの中にこれを追加してください:android:gravity = "center_vertical" – Netero

+6

OPのコードと回答のコード? –

+1

@MichaelFulton:最後にツールバーを表示します。ツールバーがCollapsingToolbarLayoutの最後の子になります – thanhnd

3

これは、このあなたがおそらく活動に次の行を追加するために忘れてしまった私に語った:

ツールバーツールバー=(ツールバー)findViewById(R.id.toolbar)。

setSupportActionBar(ツールバー);

+0

同じことがここで発生しました。フラグメント内でツールバーを使用していて、このコードを設定するのを忘れています。提案は、同じ問題に直面した人が最初にこの行を試してみてください。 – Anthonyeef

1

このように、collapseMode属性を追加してみてください。ツールバーを固定します。

<android.support.v7.widget.Toolbar 


    app:layout_collapseMode="pin" /> 
関連する問題