CoordinatorLayout collapse Symbolleiste in Aktivität aus Fragment

Question

Ich habe eine Aktivität mit DrawerLayout für Navigationsmenü, Symbolleiste und FrameLayout, wo Fragmente mit Inhalt angezeigt werden. Im Fragment habe ich eine Ansicht mit etwas Inhalt, zum Beispiel: ImageView für Profilavatar und TextView für Profilname. Wenn Fragment herunterscrollt, muss ich Toobar von Activity ausblenden (hide Ansicht mit Inhalt von Fragment in Toolbar/Toobar overlap View /) und wenn Fragment scrollt, muss ich die Toolbar erweitern (show View mit Inhalt von Toobar).

Aktivität

<android.support.v4.widget.DrawerLayout 
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:id="@+id/drawer_layout" 
android:layout_width="match_parent" 
android:layout_height="match_parent"> 

<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:orientation="vertical" 
    tools:context=".activity.MainActivity"> 

    <android.support.design.widget.AppBarLayout 
     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="wrap_content"> 

     <include 
      android:id="@+id/myToolBar" 
      layout="@layout/activity_main_toolbar" /> 

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

    <FrameLayout 
     android:id="@+id/frame_container" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     app:layout_behavior="@string/appbar_scrolling_view_behavior"/> 

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

<ListView 
    android:id="@+id/list_slider_menu" 
    android:layout_width="@dimen/main_activity_slider_menu_list_view_width" 
    android:layout_height="match_parent" 
    android:layout_gravity="start" 
    android:background="@color/list_background" 
    android:choiceMode="singleChoice" 
    android:divider="@color/list_divider" 
    android:dividerHeight="@dimen/main_activity_slider_menu_list_view_divider_height" 
    android:listSelector="@drawable/drawer_list_selector" /> 

Fragment

<android.support.v4.widget.SwipeRefreshLayout 
xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
xmlns:app="http://schemas.android.com/apk/res-auto" 
android:id="@+id/cabinetSwipeRefreshLayout" 
android:layout_width="match_parent" 
android:layout_height="wrap_content" 
tools:context="com.geodevteam.geopay.project.activity.UserProfileActivity"> 

<ScrollView 
    android:id="@+id/cabinetScrollView" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:background="@color/app_child_layout_background" 
    android:fillViewport="false"> 

    <LinearLayout 
     android:id="@+id/cabinetRootLayout" 
     android:orientation="vertical" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content"> 

     <LinearLayout 
      android:id="@+id/cabinetTopLayout" 
      android:orientation="vertical" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content"> 

      <RelativeLayout 
       android:id="@+id/cabinetInformationLayout" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:paddingTop="5dp" 
       android:paddingLeft="10dp" 
       android:paddingRight="10dp" 
       android:paddingBottom="1dp" 
       android:background="@color/cello_transparent"> 

       <com.geodevteam.geopay.project.utils.graphics.RoundedImageView 
        android:id="@+id/cabinetAvatarImageView" 
        android:layout_width="100dp" 
        android:layout_height="100dp" 
        android:layout_marginTop="5dp" 
        android:layout_centerHorizontal="true" /> 

       <TextView 
        android:id="@+id/cabinetNameTextView" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_below="@id/cabinetAvatarImageView" 
        android:layout_centerHorizontal="true" 
        android:layout_marginTop="5dp" 
        style="@style/ProfileNameTextView"/> 

       <TextView 
        android:id="@+id/cabinetTelephoneTextView" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_below="@id/cabinetNameTextView" 
        android:layout_centerHorizontal="true" 
        android:layout_marginTop="5dp" 
        android:visibility="gone" 
        style="@style/ProfileSimpleTextView"/> 

       <TextView 
        android:id="@+id/cabinetAddTelephoneTextView" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_below="@id/cabinetTelephoneTextView" 
        android:layout_centerHorizontal="true" 
        android:layout_marginTop="5dp" 
        android:visibility="gone" 
        style="@style/ProfileSimpleTextView"/> 

       <TextView 
        android:id="@+id/cabinetBalanceTextView" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_below="@id/cabinetAddTelephoneTextView" 
        android:layout_centerHorizontal="true" 
        android:layout_marginTop="5dp" 
        style="@style/ProfileSimpleTextView"/> 

      </RelativeLayout> 

      <RelativeLayout 
       android:id="@+id/cabinetTrustLineLayout" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:padding="3dp" 
       android:background="@color/cello_transparent"> 

      </RelativeLayout> 

     </LinearLayout> 

     <RelativeLayout 
      android:id="@+id/cabinetContractorListLayout" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent"> 

      <TextView 
       android:id="@+id/trustLineTitleTextView" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_centerHorizontal="true" 
       android:layout_alignParentTop="true" 
       android:layout_marginTop="8dp" 
       style="@style/CabinetTrustLinesTextView" 
       android:text="@string/trust_lines" /> 

      <ProgressBar 
       android:id="@+id/cabinetProgressBar" 
       style="?android:progressBarStyleLarge" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_marginTop="15dp" 
       android:layout_centerHorizontal="true" 
       android:visibility="gone"/> 

      <ListView 
       android:id="@+id/cabinetContractorsListView" 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:layout_below="@id/trustLineTitleTextView" 
       android:layout_marginTop="2dp"> 

      </ListView> 

     </RelativeLayout> 

    </LinearLayout> 

</ScrollView> 

Wie kann ich mich verstecken cabinetTopLayout in der Werkzeugleiste (Symbolleiste beim Scrollen nach unten)? Es ist möglich?

Answer 1

1. Verwenden NestedScrollView statt ScrollView im Fragment xml.
2. Setzen Sie das Attribut app:layout_behavior="@string/appbar_scrolling_view_behavior" auf NestedScrollView, anstatt es dem Fragmentcontainer hinzuzufügen.

Ein voll funktionierendes Beispiel:

activity.xml

<?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" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <fragment 
     android:id="@+id/fragment" 
     android:name="io.victoralbertos.stackoverflow.ChildFragment" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     tools:layout="@layout/child_fragment"/> 

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

    <android.support.v7.widget.Toolbar 
     android:id="@+id/toolbar" 
     android:layout_width="match_parent" 
     android:layout_height="?attr/actionBarSize" 
     app:layout_scrollFlags="scroll|enterAlways"/> 

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


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

child_fragment.xml

<?xml version="1.0" encoding="utf-8"?> 
<android.support.v4.widget.NestedScrollView 
    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" 
    app:layout_behavior="@string/appbar_scrolling_view_behavior"> 

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

    <TextView 
     android:layout_width="match_parent" 
     android:background="@color/colorAccent" 
     android:textSize="150sp" 
     android:text="Scroll me as much as you need" 
     android:layout_height="match_parent"/> 
    </LinearLayout> 

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

Answer 2

Fragment can access the parent activity instance with getActivity().by using that instance you can access the parent activity views 

//This is your view reference 
View view = getActivity().findViewById(R.id.toobar); 

//This is your scroll view reference 
scroll = (ScrollView) rootView.findViewById(R.id.scrooll_id); 
//Adding on touch listener 
scroll.setOnTouchListener(this); 

@Override 
    public boolean onTouch(View v, MotionEvent event) { 
     // mGestureDetector.onTouchEvent(event); 

     switch (event.getAction) { 

      switch (action) { 

      case MotionEvent.ACTION_DOWN: 
      //Initial values 
       initialX = event.getX(); 
       initialY = event.getY(); 

       // Log.d(TAG, "Action was DOWN"); 
       break; 

      case MotionEvent.ACTION_MOVE: 
       // Log.d(TAG, "Action was MOVE"); 
       break; 

      case MotionEvent.ACTION_UP: 
      //final values 
       float finalX = event.getX(); 
       float finalY = event.getY(); 


       break; 

      case MotionEvent.ACTION_CANCEL: 
       Log.d(TAG, "Action was CANCEL"); 
       break; 



      } 





     return false; 
    }