ViewPager2 实现水平和垂直滑动界面

最新推荐文章于 2025-09-07 00:01:44 发布

原创最新推荐文章于 2025-09-07 00:01:44 发布 · 256 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#android

早期的Android需要自己从ViewGroup写代码，实现水平和垂直滑动界面，或者使用ViewPager实现。最新的androidx提供了ViewPager2控件，可以方便的实现水平和垂直滑动界面。

先看下效果：

定义布局：

<?xml version="1.0" encoding="utf-8"?>
<androidx.viewpager2.widget.ViewPager2 xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/viewPager2"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"/>

Frame布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:orientation="vertical">

<TextView
    android:id="@+id/tv_content"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textSize="18sp"/>

</LinearLayout>

ContentFragment


public class ContentFragment extends Fragment {
    public String content;

    public ContentFragment(String content) {
        this.content = content;
    }

    private TextView tv_content;

    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.textpage, container, false);
        tv_content = view.findViewById(R.id.tv_content);
        tv_content.setText(content);
        return view;
    }

    public void setContent(String content) {
        this.content = content;
        tv_content.setText(content);
    }
}

ContentPagerAdapter


public class ContentPagerAdapter extends FragmentStateAdapter {
    private List<ContentFragment> datas;

    public ContentPagerAdapter(@NonNull FragmentActivity fragmentActivity, List<ContentFragment> datas) {
        super(fragmentActivity);
        this.datas = datas;
    }

    @NonNull
    @Override
    public Fragment createFragment(int position) {
        return datas.get(position);
    }

    @Override
    public int getItemCount() {
        return datas.size();
    }
}

MainActivity


public class MainActivity extends AppCompatActivity {

    private List<ContentFragment> datas;
    private ContentPagerAdapter contentPagerAdapter;
    private ViewPager2 viewPager2;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        viewPager2 = findViewById(R.id.viewPager2);
        datas = new ArrayList<>();
        datas.add(new HorizonContentFragment(this,"页面1"));
        datas.add(new ContentFragment("页面2"));
        datas.add(new ContentFragment("页面3"));
        datas.add(new ContentFragment("页面4"));
        datas.add(new ContentFragment("页面5"));
        contentPagerAdapter = new ContentPagerAdapter(this, datas);
        viewPager2.setAdapter(contentPagerAdapter);
    }
}

另外，别忘了在build.gradle中加入viewpager2库：

dependencies {
    ...
    implementation "androidx.viewpager2:viewpager2:1.0.0"
}

完整的代码请到这里下载：https://download.youkuaiyun.com/download/danny881/91848079?spm=1001.2014.3001.5503