ViewPager基本用法

package com.yztc_viewpager;

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

import android.app.Activity;
import android.os.Bundle;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;

/**
* ViewPager基本用法
*/

public class MainActivity extends Activity {

private ViewPager mVp;
private List<ImageView> mList;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    mVp = (ViewPager) findViewById(R.id.vp);
    // 获取要展示图片的数量
    getImageRes();
    getTitles();

    // 数据源
    int[] imageRes = getImageRes();

    mList = new ArrayList<ImageView>();
    for (int i = 0; i < imageRes.length; i++) {
        ImageView iv = new ImageView(this);
        // 关联一个图片资源
        iv.setBackgroundResource(imageRes[i]);
        mList.add(iv);
    }
    mVp.setAdapter(new MyAdapetr());
}

private void getTitles() {
    // TODO Auto-generated method stub

}

private int[] getImageRes() {
    return new int[] { R.drawable.tu1, R.drawable.tu2, R.drawable.tu3,
            R.drawable.tu4 };
}

// 适配器
class MyAdapetr extends PagerAdapter {
    // 用来决定ViewPager中到底可以显示多少个子视图
    @Override
    public int getCount() {
        return mList != null ? mList.size() : 0;// 三元运算符
    }

    // 判断是否需要重新生成新的子视图
    @Override
    public boolean isViewFromObject(View view, Object obj) {
        return view == obj;
    }

    // 产生一个新的视图
    // 这两个方法是手敲的,选带ViewGroup参数的方法
    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        // 展示哪个条目
        container.addView(mList.get(position));
        return mList.get(position);// 返回对应的图片
    }

    // 从ViewPager中移除某个条目
    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        // 从指定位置移除
        container.removeView(mList.get(position));
        }
    }
}

布局

<RelativeLayout 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.support.v4.view.ViewPager
    android:id="@+id/vp"
    android:layout_width="match_parent"
    android:layout_height="200dp" />

</RelativeLayout>
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
要使用 ViewPager 实现轮播图,需要遵循以下几个步骤: 1.在布局文件中添加 ViewPager 组件和指示器组件(如小圆点)。 ```xml <androidx.viewpager.widget.ViewPager android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="200dp"/> <LinearLayout android:id="@+id/indicatorLayout" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" android:gravity="center"/> ``` 2.创建适配器类,继承自 ViewPager.Adapter,并实现 getCount()、instantiateItem()、destroyItem()、isViewFromObject() 等方法。 ```java public class ViewPagerAdapter extends PagerAdapter { private Context mContext; private int[] mImageIds; public ViewPagerAdapter(Context context, int[] imageIds) { mContext = context; mImageIds = imageIds; } @Override public int getCount() { return mImageIds.length; } @Override public Object instantiateItem(ViewGroup container, int position) { ImageView imageView = new ImageView(mContext); imageView.setScaleType(ImageView.ScaleType.CENTER_CROP); imageView.setImageResource(mImageIds[position]); container.addView(imageView); return imageView; } @Override public void destroyItem(ViewGroup container, int position, Object object) { container.removeView((ImageView) object); } @Override public boolean isViewFromObject(View view, Object object) { return view == object; } } ``` 3.在 Activity 或 Fragment 中设置 ViewPager 的适配器,并为其添加一个 OnPageChangeListener 监听器,用于实现指示器的更新。 ```java ViewPager viewPager = findViewById(R.id.viewPager); int[] imageIds = {R.drawable.image1, R.drawable.image2, R.drawable.image3}; ViewPagerAdapter adapter = new ViewPagerAdapter(this, imageIds); viewPager.setAdapter(adapter); LinearLayout indicatorLayout = findViewById(R.id.indicatorLayout); for (int i = 0; i < imageIds.length; i++) { ImageView imageView = new ImageView(this); imageView.setImageResource(R.drawable.indicator_normal); indicatorLayout.addView(imageView); } final int indicatorCount = indicatorLayout.getChildCount(); viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() { @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { } @Override public void onPageSelected(int position) { for (int i = 0; i < indicatorCount; i++) { ImageView imageView = (ImageView) indicatorLayout.getChildAt(i); if (i == position) { imageView.setImageResource(R.drawable.indicator_selected); } else { imageView.setImageResource(R.drawable.indicator_normal); } } } @Override public void onPageScrollStateChanged(int state) { } }); ``` 这样就可以实现一个基本ViewPager 轮播图,并在指示器中显示当前页码。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值