2016-12-21 1 views
2

я обернуть Toolbar внутри CollapsingToolbarLayout создать падающее эффект на панели инструментов с изображением так Toolbar реагировать на события прокрутки с использованием макета контейнера 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:fitsSystemWindows="true"> 

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

    <android.support.design.widget.CollapsingToolbarLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     app:contentScrim="?attr/colorPrimary" 
     app:expandedTitleMarginEnd="64dp" 
     app:expandedTitleMarginStart="48dp" 
     app:layout_scrollFlags="scroll|enterAlways|enterAlwaysCollapsed|snap"> 


     <ImageView 
      android:layout_width="match_parent" 
      android:layout_height="220dp" 
      android:fitsSystemWindows="true" 
      android:scaleType="centerCrop" 
      android:src="@drawable/scarlett_johansson" 
      app:layout_collapseMode="parallax" /> 

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

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

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

<android.support.v4.widget.NestedScrollView 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    app:layout_behavior="@string/appbar_scrolling_view_behavior"> 

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

     <TextView 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:text="@string/app_name" 
      android:textSize="40sp" /> 

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

My app Looks like this

Я хочу добавить еще один ImageView перекрываться бар приложение, как постер фильма в игры Маркете

i want to set image overlap the app bar like movie poster like play store app

+0

что касается панели приложений внутри FrameLayout. – Ritesh

+0

и где я могу поместить изображение моего плаката –

+0

проверить принятый ответ. вместо того, чтобы использоваться там, используйте свой образ. http://stackoverflow.com/questions/24459352/how-can-i-add-the-new-floating-action-button-between-two-widgets-layouts –

ответ

0

Попробуйте следующий код для CollapsingToolbarLayout:

<android.support.design.widget.CollapsingToolbarLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     app:contentScrim="?attr/colorPrimary" 
     app:expandedTitleMarginEnd="64dp" 
     app:expandedTitleMarginStart="48dp" 
     app:layout_scrollFlags="scroll|enterAlways|enterAlwaysCollapsed|snap"> 




     <RelativeLayout 
      android:layout_width="match_parent" 
      android:background="#ffff" 
      app:layout_collapseMode="parallax" 
      android:layout_height="280dp"> 
      <ImageView 
       android:layout_width="match_parent" 
       android:layout_height="220dp" 
       android:fitsSystemWindows="true" 
       android:scaleType="centerCrop" 
       android:src="@drawable/d" 
       android:id="@+id/img" 
       app:layout_collapseMode="parallax" /> 

      <View android:layout_height="90dp" 
       android:layout_width="60dp" 
       android:background="#dd7788" 
       android:gravity="top" 
       android:layout_alignBottom="@id/img" 
       android:layout_marginBottom="-30dp" 
       android:layout_marginLeft="10dp"/> 

     </RelativeLayout> 

     <android.support.v7.widget.Toolbar 
      android:id="@+id/toolbar" 
      android:layout_width="match_parent" 
      android:gravity="top" 
      android:layout_height="?attr/actionBarSize" 
      android:background="@android:color/transparent" 
      app:layout_collapseMode="pin" /> 

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

Вам нужно заменить View на ImageView, который вы хотите. надеюсь, что это поможет.

Смежные вопросы