Android studio ViewPager2的使用,实现页面滑动。

效果图

准备工作:

设置每页要显示一个Textview

在mainactivity里

// 查找布局中的ViewPager2控件,并将其赋值给vp变量
ViewPager2 vp = findViewById(R.id.viewPage1);

// 创建一个ViewPagerAdapter对象,用于提供ViewPager2的页面内容
ViewPagerAdapter viewPagerAdapter = new ViewPagerAdapter();

// 将ViewPagerAdapter设置为ViewPager2的适配器,以便它能够管理ViewPager2的页面
vp.setAdapter(viewPagerAdapter);

在activity_main.xml里

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout   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:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/main"
    tools:context=".MainActivity">


    <androidx.viewpager2.widget.ViewPager2
        android:id="@+id/viewPage1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#00FF00">

    </androidx.viewpager2.widget.ViewPager2>

在ViewPageAdapter里

package com.example.viewpageee;

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.RelativeLayout;
import android.widget.TextView;

import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;

import java.util.ArrayList;
import java.util.List;

public class ViewPagerAdapter extends RecyclerView.Adapter<ViewPagerAdapter.ViewPagerViewHolder> {
    // 存储标题的列表
    private List<String> titles = new ArrayList<>();
    // 存储颜色的列表
    private List<Integer> colors = new ArrayList<>();

    // 构造函数,初始化标题和颜色列表
    public ViewPagerAdapter(){
        // 添加示例标题
        titles.add("hello");
        titles.add("hello1");
        titles.add("hello2");
        titles.add("hello3");
        titles.add("hello4");
        titles.add("hello5");
        titles.add("hello6");
        titles.add("hello7");
        titles.add("hello8");
        titles.add("hello9");
        
        // 添加示例颜色
        colors.add(R.color.colorPrimary);
        colors.add(R.color.colorAccent);
        colors.add(R.color.red);
        colors.add(R.color.black);
        colors.add(R.color.red);
        colors.add(R.color.colorAccent);
        colors.add(R.color.colorPrimary);
        colors.add(R.color.colorAccent);
        colors.add(R.color.red);
        colors.add(R.color.colorPrimary);
    }

    // 创建新的视图持有者
    @NonNull
    @Override
    public ViewPagerViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        // 创建视图持有者对象,绑定到item_pager布局
        return new ViewPagerViewHolder(LayoutInflater.from(parent.getContext())
                .inflate(R.layout.item_pager,parent,false));
    }

    // 绑定数据到视图持有者
    @Override
    public void onBindViewHolder(@NonNull ViewPagerViewHolder holder, int position) {
        // 设置TextView的文本为相应位置的标题
        holder.mtv.setText(titles.get(position));
        // 设置RelativeLayout的背景颜色为相应位置的颜色
        holder.mcontainer.setBackgroundResource(colors.get(position));
    }

    // 返回项的数量
    @Override
    public int getItemCount() {
        return 10;
    }

    // 内部类,视图持有者
    class ViewPagerViewHolder extends  RecyclerView.ViewHolder{
        // 声明TextView和RelativeLayout
        TextView mtv;
        RelativeLayout  mcontainer;
        
        // 构造函数,初始化视图持有者
        public ViewPagerViewHolder(View itemView) {
            super(itemView);
            // 绑定TextView和RelativeLayout到布局中的对应控件
            mtv = itemView.findViewById(R.id.textView);
            mcontainer = itemView.findViewById(R.id.container);
        }
    }
}

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
1. 布局文件中添加ViewPager组件 ```xml <android.support.v4.view.ViewPager android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="wrap_content" /> ``` 2. 创建适配器 创建一个适配器,继承自PagerAdapter,实现以下方法: - getCount() 返回轮播图数量 - instantiateItem() 加载ViewPager的每一个页面 - destroyItem() 销毁ViewPager的每一个页面 - isViewFromObject() 判断当前的 View 是否和 instantiateItem() 返回的 object 相等 ```java public class MyPagerAdapter extends PagerAdapter { private List<ImageView> mImageViews; public MyPagerAdapter(List<ImageView> imageViews) { mImageViews = imageViews; } @Override public int getCount() { return mImageViews.size(); } @Override public Object instantiateItem(ViewGroup container, int position) { ImageView imageView = mImageViews.get(position); container.addView(imageView); return imageView; } @Override public void destroyItem(ViewGroup container, int position, Object object) { container.removeView(mImageViews.get(position)); } @Override public boolean isViewFromObject(View view, Object object) { return view == object; } } ``` 3. 初始化ViewPager ```java private void initViewPager() { List<ImageView> imageViews = new ArrayList<>(); for (int i = 0; i < mImageIds.length; i++) { ImageView imageView = new ImageView(this); imageView.setScaleType(ImageView.ScaleType.CENTER_CROP); imageView.setImageResource(mImageIds[i]); imageView.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { // 点击事件 } }); imageViews.add(imageView); } MyPagerAdapter pagerAdapter = new MyPagerAdapter(imageViews); mPager.setAdapter(pagerAdapter); // 自动滑动 mPager.setCurrentItem(0); mPager.postDelayed(new Runnable() { @Override public void run() { int currentItem = mPager.getCurrentItem(); int count = mImageIds.length; int nextItem = (currentItem + 1) % count; mPager.setCurrentItem(nextItem, true); mPager.postDelayed(this, 3000); } }, 3000); // 手动滑动 mPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() { @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { } @Override public void onPageSelected(int position) { } @Override public void onPageScrollStateChanged(int state) { } }); } ``` 4. 实现自动滑动 在 initViewPager() 方法中,通过 postDelayed() 方法实现自动滑动。首先将 ViewPager 的当前位置设置为 0,然后每隔 3 秒就自动滑动到下一个页面,直到滑动到最后一页后再从头开始滑动。 ```java mPager.setCurrentItem(0); mPager.postDelayed(new Runnable() { @Override public void run() { int currentItem = mPager.getCurrentItem(); int count = mImageIds.length; int nextItem = (currentItem + 1) % count; mPager.setCurrentItem(nextItem, true); mPager.postDelayed(this, 3000); } }, 3000); ``` 5. 实现手动滑动和点击切换 在 initViewPager() 方法中,通过 addOnPageChangeListener() 方法实现手动滑动和点击切换。在 onPageSelected() 方法中,更新标题和指示器的位置。在 onClick() 方法中,获取当前页面的位置并设置为 ViewPager 的当前位置。 ```java mPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() { @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { } @Override public void onPageSelected(int position) { mTitle.setText(mTitles[position]); mIndicator.setCurrentItem(position); } @Override public void onPageScrollStateChanged(int state) { } }); imageView.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { int currentItem = mPager.getCurrentItem(); if (currentItem == mImageIds.length - 1) { mPager.setCurrentItem(0, true); } else { mPager.setCurrentItem(currentItem + 1, true); } } }); ```
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值