Frammento senza scorrimento in un ViewPager all'interno di CoordinatorLayout

Question

Sto utilizzando un ViewPager in un CoordinatorLayout (dall'ultima versione della Libreria di progettazione) in un'attività. Alcuni frammenti di questo ViewPager hanno layout come RecyclerView o NestedScrollView, ma alcuni non possono semplicemente scorrere a causa del loro piccolo contenuto.

<android.support.design.widget.AppBarLayout 
     android:id="@+id/tabanim_appbar" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:theme="@style/MyTheme"> 

     <android.support.v7.widget.Toolbar 
      android:id="@+id/tabanim_toolbar" 
      android:layout_width="match_parent" 
      android:layout_height="?attr/actionBarSize" 
      android:background="?attr/colorPrimary" 
      app:layout_scrollFlags="scroll|enterAlways" 
      app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/> 


     <android.support.design.widget.TabLayout 
      android:id="@+id/tabanim_tabs" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" /> 

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

    <android.support.v4.view.ViewPager 
     android:id="@+id/tabanim_viewpager" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     app:layout_behavior="@string/appbar_scrolling_view_behavior" /> 

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

Ma in un frammento con un FrameLayout come vista radice, devo avere un pulsante che è ancorata al fondo, ma sembra trarre fuori schermo. Per essere in grado di vederlo, ho bisogno di aggiungere un padding inferiore uguale all'altezza della barra degli strumenti.

<FrameLayout 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:background="@android:color/white"> 

    <TextView 
     android:id="@+id/textView" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="center" 
     android:text="Home screen" 
     android:textAppearance="?android:attr/textAppearanceLarge" /> 

    <TextView 
     android:layout_width="match_parent" 
     android:layout_height="70dp" 
     android:layout_gravity="bottom" 
     android:gravity="center" 
     android:text="@string/brand" 
     android:textColor="@color/brandColor" 
     android:textSize="20sp" /> 
</FrameLayout> 

Analogamente, un layout_gravity impostato a 'centro' su un elemento non sembra essere al centro dell'area visibile per questo frammento.

La mia comprensione è che CoordinatorLayout è concepito per funzionare solo con i contenuti a scorrimento, è corretto? In modo che utilizzando solo il ViewGroup regolare come FrameLayout, RelativeLayout, LinearLayout per i frammenti di ViewPager la parte inferiore venga visualizzata fuori dallo schermo?

In tal caso, devo rimuovere questo pulsante da questo layout di frammento e spostarlo nel layout di attività contenente il CoordinatorLayout? Deve essere mostrato solo sul primo frammento.

Answer 1

Il problema è causato dall'intercettazione di eventi di tocco da ViewPager da parte del contenitore padre. Il contenitore di scorrimento genitore ascolta gli eventi di scroll touch e se si sposta verticalmente ruba l'evento dalle sue viste secondarie. Pensa solo che l'utente vuole per far scorrere il contenitore padre verticale

Di seguito si riporta il codice risolverlo

import android.content.Context; 
import android.util.AttributeSet; 
import android.view.GestureDetector; 
import android.view.MotionEvent; 
import android.view.View; 
import android.widget.ScrollView; 

public class CustomScrollView extends ScrollView { 

    private GestureDetector mGestureDetector; 
    private View.OnTouchListener mGestureListener; 

    public CustomScrollView(Context context, AttributeSet attrs) { 
     super(context, attrs); 
     mGestureDetector = new GestureDetector(context, new YScrollDetector()); 
     setFadingEdgeLength(0); 
    } 

    @Override 
    public boolean onInterceptTouchEvent(MotionEvent ev) { 
     return super.onInterceptTouchEvent(ev) && mGestureDetector.onTouchEvent(ev); 
    } 

    class YScrollDetector extends GestureDetector.SimpleOnGestureListener { 
     @Override 
     public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) { 
      return Math.abs(distanceY) > Math.abs(distanceX); 
     } 
    } 

} 

utilizzare questa classe al posto del tuo ViewPager

<(your packagename).CustomScrollView 
    android:id="@+id/tabanim_viewpager" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"/> 

Answer 2

Dal riferimento alla this answer Il sotto lavorato per me

Estende comportamento scrollview

public class MyBehavior extends AppBarLayout.ScrollingViewBehavior { 

private View layout; 

public MyBehavior() { 
} 

public MyBehavior(Context context, AttributeSet attrs) { 
    super(context, attrs); 
} 

@Override 
public boolean onDependentViewChanged(CoordinatorLayout parent, View child, View dependency) { 
    boolean result = super.onDependentViewChanged(parent, child, dependency); 
    if (layout != null) { 
     layout.setPadding(layout.getPaddingLeft(), layout.getPaddingTop(), layout 
       .getPaddingRight(), layout.getTop()); 
    } 
    return result; 
} 

public void setLayout(View layout) { 
    this.layout = layout; 
} 
} 

specificare che a viewpager

<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/main_content" 
android:layout_width="match_parent" 
android:layout_height="match_parent"> 

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

    <android.support.v7.widget.Toolbar 
     android:id="@+id/toolbar" 
     android:layout_width="match_parent" 
     android:layout_height="?attr/actionBarSize" 
     android:background="?attr/colorPrimary" 
     app:layout_scrollFlags="scroll|enterAlways" 
     app:popupTheme="@style/ThemeOverlay.AppCompat.Light" /> 
</android.support.design.widget.AppBarLayout> 
<org.nsu.myapplication.VerticalViewPager 
    android:id="@+id/viewpager" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    app:layout_behavior="your.domain.name.MyBehavior" 
    /> 
    </android.support.design.widget.CoordinatorLayout> 

e in onCreate di attività

CoordinatorLayout.LayoutParams lp = (CoordinatorLayout.LayoutParams) viewPager.getLayoutParams(); 
    MyBehavior behavior = (MyBehavior) lp.getBehavior(); 
    behavior.setLayout(viewPager);