如何使 ViewPager 和 gridview 同时垂直滚动
Posted
技术标签:
【中文标题】如何使 ViewPager 和 gridview 同时垂直滚动【英文标题】:how to make ViewPager and gridview scroll vertical at a same time 【发布时间】:2020-03-25 04:30:38 【问题描述】:我的活动中有 ViewPager 和网格视图。当我在屏幕上的任何位置滚动时,ViewPager 和网格视图应该同时滚动。这是我的 ss :image。现在只有少数图像显示在网格视图我有 63 张图片,但在网格中只显示了 9 张..2)ss main
xml:
<?xml version="1.0" encoding="utf-8"?>
<androidx.core.widget.NestedScrollView
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_
android:layout_
android:background="#fff">
<LinearLayout
android:layout_
android:layout_
android:orientation="vertical"
tools:context=".MainActivity">
<androidx.viewpager.widget.ViewPager
android:id="@+id/viewPager"
android:layout_
android:layout_
android:layout_marginBottom="8dp"/>
<LinearLayout
android:id="@+id/SliderDots"
android:layout_below="@+id/viewPager"
android:orientation="horizontal"
android:gravity="center_vertical|center_horizontal"
android:layout_
android:layout_/>
<GridView
android:id="@+id/mGridView"
android:layout_
android:layout_
android:background="#ffffff"
android:columnWidth="172dp"
android:gravity="center"
android:horizontalSpacing="5dp"
android:numColumns="auto_fit"
android:paddingLeft="5dp"
android:paddingTop="5dp"
android:paddingRight="5dp"
android:stretchMode="columnWidth"
android:verticalSpacing="5dp"
/>
</LinearLayout>
</androidx.core.widget.NestedScrollView>
【问题讨论】:
您不想在 ViewPager 中使用 GridView 吗?而不是下 不,我想要它们分开......并同时垂直滚动......看看我添加的截图链接 嘿,我编辑了我的代码..现在网格中只显示了几张图像,但滚动工作......但我希望显示图像 但我希望所有图像都显示在网格中 那你为什么要使用 ViewPager 呢? 【参考方案1】:使用此代码解决您的问题
<androidx.core.widget.NestedScrollView
android:layout_
android:layout_>
<LinearLayout
android:layout_
android:layout_
android:orientation="vertical">
<androidx.viewpager.widget.ViewPager
android:id="@+id/viewPager"
android:layout_
android:layout_
android:layout_marginBottom="8dp"/>
<LinearLayout
android:id="@+id/SliderDots"
android:layout_below="@+id/viewPager"
android:orientation="horizontal"
android:gravity="center_vertical|center_horizontal"
android:layout_
android:layout_/>
<GridView
android:id="@+id/mGridView"
android:layout_
android:layout_
android:background="#ffffff"
android:columnWidth="172dp"
android:gravity="center"
android:horizontalSpacing="5dp"
android:numColumns="auto_fit"
android:paddingLeft="5dp"
android:paddingTop="5dp"
android:paddingRight="5dp"
android:stretchMode="columnWidth"
android:verticalSpacing="5dp" />
</LinearLayout>
</androidx.core.widget.NestedScrollView>
【讨论】:
不行不行...现在开始两个图像的网格视图只会显示 android:fastScrollEnabled="true" 在嵌套滚动视图中 在嵌套滚动视图下? 您好,如果网格视图不起作用,您可以使用 recyclerview 网格视图,它可以正常工作 recyclegridview?我认为网格视图本身是一个回收视图,因为它使用适配器...【参考方案2】:您必须使用 CUSTOM viewpager 来实现 viewpager 的垂直滚动,因为 default viewpager 不支持与其他组件垂直滚动。
检查我下面的代码。
public class CustomViewPager extends ViewPager
private View mCurrentView;
public CustomViewPager(Context context)
super(context);
public CustomViewPager(Context context, AttributeSet attrs)
super(context, attrs);
@Override
public void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
if (mCurrentView == null)
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
return;
int height = 0;
mCurrentView.measure(widthMeasureSpec, MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED));
int h = mCurrentView.getMeasuredHeight();
if (h > height) height = h;
heightMeasureSpec = MeasureSpec.makeMeasureSpec(height, MeasureSpec.AT_MOST);
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
public void measureCurrentView(View currentView)
mCurrentView = currentView;
requestLayout();
public int measureFragment(View view)
if (view == null)
return 0;
view.measure(0, 0);
return view.getMeasuredHeight();
将这个 Class 而不是 default ViewPager 应用到您的片段中。就是这样!!
【讨论】:
以上是关于如何使 ViewPager 和 gridview 同时垂直滚动的主要内容,如果未能解决你的问题,请参考以下文章
如何使 FAB 避免在 ViewPager 中移动,但又是其中的片段的一部分?
如何将 PreferenceFragment 与 ViewPager 一起使用?