Фрагмент без прокрутки в ViewPager внутри CoordinatorLayout
Я использую ViewPager в CoordinatorLayout (из последней версии Библиотеки дизайна) в Activity.
Некоторые фрагменты для этого ViewPager имеют такие макеты, как RecyclerView или NestedScrollView, но некоторые просто не могут прокручивать данные, учитывая их небольшой контент.
<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>
Но в одном фрагменте с FrameLayout в качестве корневого представления мне нужно, чтобы кнопка была привязана к нижней части, но, похоже, она выведена за пределы экрана.
Чтобы увидеть это, мне нужно добавить нижнюю прописку, равную высоте панели инструментов.
<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>
Аналогично, layout_gravity, установленный на "center" на элементе, не оказывается в центре видимой области для этого фрагмента.
Я понимаю, что CoordinatorLayout предназначен только для работы с прокручиваемым содержимым, верно?
Так что, используя только регулярную ViewGroup, такую как FrameLayout, RelativeLayout, LinearLayout для фрагментов ViewPager будет иметь свою нижнюю часть, выведенную за пределы экрана?
В этом случае мне нужно удалить эту кнопку из этого макета фрагмента и перенести его на макет активности, содержащий координаторLayout? Он должен отображаться только на первом фрагменте.
Ответы
Ответ 1
Из ссылки на этот ответ Ниже работало для меня
Расширить поведение прокрутки
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;
}
}
Укажите, что для 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>
и в onCreate of activity
CoordinatorLayout.LayoutParams lp = (CoordinatorLayout.LayoutParams) viewPager.getLayoutParams();
MyBehavior behavior = (MyBehavior) lp.getBehavior();
behavior.setLayout(viewPager);
Ответ 2
Проблема вызвана перехватом событий касания из ViewPager родительским контейнером. Контейнер родительского прокрутки прослушивает события с прокруткой и, если есть вертикальный сдвиг, он перехватывает событие из его дочерних представлений. Он просто думает, что пользователь хочет прокрутить родительский контейнер вертикально
Ниже приведен код, разрешающий его
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);
}
}
}
Используйте этот класс вместо ViewPager
<(your packagename).CustomScrollView
android:id="@+id/tabanim_viewpager"
android:layout_width="match_parent"
android:layout_height="match_parent"/>