Wie das Logo über das Kollabieren Symbolleiste halten

Question

I Programmierung in Kotlin bin, ich habe Probleme mit der kollabierenden Symbolleiste ist meine Hauptansicht des folgenden

Main View

Wenn mein Logos hinter dem Kollabieren erscheint Scrollen Symbolleiste, wie es in der folgenden Abbildung erscheint

When Scrolling

<android.support.design.widget.CoordinatorLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:fitsSystemWindows="false"> 

    <android.support.v7.widget.RecyclerView 
     android:id="@+id/recyclerView_main" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_marginLeft="12dp" 
     android:layout_marginRight="12dp" 
     android:layout_marginBottom="56dp" 
     app:layout_behavior="@string/appbar_scrolling_view_behavior" /> 

    <android.support.design.widget.AppBarLayout 
     android:layout_width="match_parent" 
     android:layout_height="120dp"> 

     <android.support.design.widget.CollapsingToolbarLayout 
      android:id="@+id/collapsing_toolbar" 
      style="@style/Widget.QueComer.CollapsingToolbar" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      app:layout_scrollFlags="scroll|exitUntilCollapsed|snap"> 

      <LinearLayout 
       style="@style/Widget.QueComer.CollapsingToolbarContent" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       app:layout_collapseMode="parallax" 
       app:layout_collapseParallaxMultiplier="0.65"> 
      </LinearLayout> 


      <!-- Wrap this view: --> 
      <android.support.v7.widget.Toolbar 
       android:id="@+id/app_bar" 
       android:layout_width="match_parent" 
       android:layout_height="?attr/actionBarSize" 
       app:layout_collapseMode="pin" /> 

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

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

    <android.support.constraint.ConstraintLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content"> 

     <ImageView 
      android:id="@+id/header_logo" 
      android:layout_width="100dp" 
      android:layout_height="100dp" 
      android:layout_gravity="center" 
      android:layout_marginBottom="8dp" 
      android:layout_marginEnd="8dp" 
      android:layout_marginStart="8dp" 
      android:layout_marginTop="8dp" 
      android:contentDescription="@string/app_name" 
      android:cropToPadding="false" 
      android:scaleType="fitCenter" 
      android:src="@mipmap/ic_logo" 
      app:layout_collapseMode="parallax" 
      app:layout_collapseParallaxMultiplier="0.3" 
      app:layout_constraintBottom_toBottomOf="parent" 
      app:layout_constraintEnd_toEndOf="parent" 
      app:layout_constraintStart_toStartOf="parent" 
      app:layout_constraintTop_toTopOf="parent" 
      app:srcCompat="@mipmap/ic_logo" /> 
    </android.support.constraint.ConstraintLayout> 

    <android.support.design.widget.BottomNavigationView 
     android:id="@+id/bottom_navigation" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_gravity="bottom" 
     android:background="#ffffff" 
     android:theme="@style/ThemeOverlay.QueComer.BottomNavigation" 
     app:menu="@menu/menu_quecomer"> 

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

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

ich brauche das logo in fro zu sein nt der Bar, wie das folgende Bild zeigt ist

result Image

Das Ergebnisbild mit Photoshop bearbeitete

Answer 1

Try Imageview in Ihrem CollapsingToolbarLayout so zu platzieren:

<android.support.design.widget.CoordinatorLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:fitsSystemWindows="false"> 

    <android.support.v7.widget.RecyclerView 
     android:id="@+id/recyclerView_main" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_marginLeft="12dp" 
     android:layout_marginRight="12dp" 
     android:layout_marginBottom="56dp" 
     app:layout_behavior="@string/appbar_scrolling_view_behavior" /> 

    <android.support.design.widget.AppBarLayout 
     android:layout_width="match_parent" 
     android:layout_height="120dp"> 

     <android.support.design.widget.CollapsingToolbarLayout 
      android:id="@+id/collapsing_toolbar" 
      style="@style/Widget.QueComer.CollapsingToolbar" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      app:layout_scrollFlags="scroll|exitUntilCollapsed|snap"> 

      <LinearLayout 
       style="@style/Widget.QueComer.CollapsingToolbarContent" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       app:layout_collapseMode="parallax" 
       app:layout_collapseParallaxMultiplier="0.65"> 

      <ImageView 
      android:id="@+id/header_logo" 
      android:layout_width="100dp" 
      android:layout_height="100dp" 
      android:layout_gravity="center" 
      android:layout_marginBottom="8dp" 
      android:layout_marginEnd="8dp" 
      android:layout_marginStart="8dp" 
      android:layout_marginTop="8dp" 
      android:contentDescription="@string/app_name" 
      android:cropToPadding="false" 
      android:scaleType="fitCenter" 
      android:src="@mipmap/ic_logo" 
      app:layout_collapseMode="parallax" 
      app:layout_collapseParallaxMultiplier="0.3" 
      app:layout_constraintBottom_toBottomOf="parent" 
      app:layout_constraintEnd_toEndOf="parent" 
      app:layout_constraintStart_toStartOf="parent" 
      app:layout_constraintTop_toTopOf="parent" 
      app:srcCompat="@mipmap/ic_logo" /> 

      </LinearLayout> 

      <!-- Wrap this view: --> 
      <android.support.v7.widget.Toolbar 
       android:id="@+id/app_bar" 
       android:layout_width="match_parent" 
       android:layout_height="?attr/actionBarSize" 
       app:layout_collapseMode="pin" /> 

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

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

    <android.support.design.widget.BottomNavigationView 
     android:id="@+id/bottom_navigation" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_gravity="bottom" 
     android:background="#ffffff" 
     android:theme="@style/ThemeOverlay.QueComer.BottomNavigation" 
     app:menu="@menu/menu_quecomer"> 

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

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