Android ViewPage 图片、视频轮播

直接进入主题

为了方便使用我们先自定义一个View(当然不自定义也行,具体就不说了)

public class Banner extends RelativeLayout
{
    private ViewPager viewPager;
    private final int UPTATE_VIEWPAGER = 100;
    //图片默认时间间隔
    private int imgDelyed = 2000;
    //每个位置默认时间间隔,因为有视频的原因
    private int delyedTime = 2000;
    //默认显示位置,为实现无限轮播
    private int autoCurrIndex = 1;
    //是否自动播放
    private boolean isAutoPlay = false;

    public Banner(Context context)
    {
        super(context);
        init();
    }

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

    public Banner(Context context, AttributeSet attrs, int defStyleAttr)
    {
        super(context, attrs, defStyleAttr);
        init();
    }

    @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
    public Banner(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes)
    {
        super(context, attrs, defStyleAttr, defStyleRes);
        init();
    }

    private void init()
    {
        viewPager = new ViewPager(getContext());
        LinearLayout.LayoutParams vp_param = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.MATCH_PARENT);
        viewPager.setLayoutParams(vp_param);
        this.addView(viewPager);
    }
}

很简单,就实现了一些初始化,然后在布局里是这样的

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    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">

    <com.test.net.Banner
        android:id="@+id/banner"
        android:layout_width="match_parent"
        android:layout_height="200dp"></com.test.net.Banner>

</RelativeLayout>

引用我们自定义的view,viewpage有了,我们可以准备PagerAdapter

public class BannerViewAdapter extends PagerAdapter
{
    private List<View> listBean;

    public BannerViewAdapter(List<View> list){
        if (list == null){
            list = new ArrayList<>();
        }
        this.listBean = list;
    }

    public void setDataList(List<View> list){
        if (list != null && list.size() > 0){
            this.listBean = list;
        }
    }

    @Override
    public Object instantiateItem(ViewGroup container, int position)
    {
        View view = listBean.get(position);
        container.addView(view);
        return view;
    }

    @Override
    public int getItemPosition(Object object)
    {
        return POSITION_NONE;
    }

    @Override
    public int getCount()
    {
        return listBean.size();
    }

    @Override
    public void destroyItem(ViewGroup container, int position, Object object)
    {
        container.removeView((View) object);
    }

    @Override
    public boolean isViewFromObject(View view, Object object)
    {
        return view == object;
    }

}

没什么特别的,getItemPosition()是切换数据用的,后面有提到,好了我们来看看Activity

public class BannerActivity extends AppCompatActivity
{

    private Banner banner;
    private List<String> list;
    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activit
  • 4
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 17
    评论
使用 ViewPager 实现图片轮播可以通过以下步骤完成: 1. 在布局文件中添加 ViewPager 控件: ```xml <androidx.viewpager.widget.ViewPager android:id="@+id/view_pager" android:layout_width="match_parent" android:layout_height="200dp" /> ``` 2. 创建适配器类(继承自 PagerAdapter),并实现以下方法: ```java public class ImagePagerAdapter extends PagerAdapter { private Context mContext; private int[] mImageIds; public ImagePagerAdapter(Context context, int[] imageIds) { mContext = context; mImageIds = imageIds; } @Override public int getCount() { return mImageIds.length; } @Override public boolean isViewFromObject(@NonNull View view, @NonNull Object object) { return view == object; } @NonNull @Override public Object instantiateItem(@NonNull ViewGroup container, int position) { ImageView imageView = new ImageView(mContext); imageView.setImageResource(mImageIds[position]); container.addView(imageView); return imageView; } @Override public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) { container.removeView((View) object); } } ``` 3. 在 Activity 或 Fragment 中获取 ViewPager 控件,并设置适配器: ```java ViewPager viewPager = findViewById(R.id.view_pager); int[] imageIds = {R.drawable.image1, R.drawable.image2, R.drawable.image3}; ImagePagerAdapter adapter = new ImagePagerAdapter(this, imageIds); viewPager.setAdapter(adapter); ``` 4. 可选:实现自动轮播功能。可以使用 Timer 和 TimerTask 实现自动轮播,具体实现方法如下: ```java private Timer mTimer; private int mCurrentPage = 0; private void startAutoScroll() { mTimer = new Timer(); mTimer.schedule(new TimerTask() { @Override public void run() { runOnUiThread(new Runnable() { @Override public void run() { mCurrentPage++; if (mCurrentPage >= imageIds.length) { mCurrentPage = 0; } viewPager.setCurrentItem(mCurrentPage, true); } }); } }, 5000, 5000); } private void stopAutoScroll() { if (mTimer != null) { mTimer.cancel(); mTimer = null; } } // 在 onResume() 和 onPause() 方法中分别调用 startAutoScroll() 和 stopAutoScroll() 方法即可实现自动轮播的启动和停止。 ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 17
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值