2016-07-09 5 views
0

В моем приложении у меня сворачивается панель инструментов с заголовком изображения. Когда панель инструментов находится в состоянии без коллапса (когда заголовок видим), значки на панели инструментов не видны четко из-за белого цвета изображения заголовка. Итак, как я могу изменить цвет панели инструментов в не свернутом состоянии до полупрозрачного черного.Android Collapsing цвет фона панели инструментов, когда он не скомпенсирован

Я знаю, что для изменения цвета фона в сложенном состоянии мы используем: - ContentScrim.

Благодаря

ответ

0

Создать scrim.xml самостоятельно и поместить его в панель инструментов между фоном ImageView и заголовка TextView с помощью FrameLayout.

<android.support.v7.widget.Toolbar 
    android:id="@+id/tool_bar" 
    android:theme="@style/ToolBarStyle" 
    android:layout_width="match_parent" 
    android:layout_height="80dp" 
    > 
    <FrameLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent"> 
     <ImageView 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:src="@drawable/background_img" 
      android:scaleType="center" 
      /> 
     <View android:background="@drawable/scrim" 
      android:layout_height="match_parent" 
      android:layout_width="match_parent"/> 
     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="center" 
      android:text="Your Title" 
      android:textSize="@dimen/abc_text_size_title_material" 
      android:textAlignment="center" 
      /> 
    </FrameLayout> 
</android.support.v7.widget.Toolbar> 

И создать Рез/рисуем/scrim.xml (Пожалуйста, измените альфа мрака к вашей потребности).

<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle" 
    > 
    <gradient 
     android:angle="-90" 
     android:startColor="#00000000" 
     android:centerColor="#00000000" 
     android:endColor="#4d000000" 
     android:type="linear" /> 
</shape>