界面很简陋，没有找相应的图，主要是记录使用方法，便于以后查询
1、MainActivity
public class MainActivity extends AppCompatActivity {
// nox_adb.exe connect 127.0.0.1:62001
ArrayList mList;
MyViewPagerAdapter mViewPagerAdapter;
ViewPager mViewPager;
int mTotalPage; //总的页数
int mPageSize = 10; //每页显示的最大的数量
List mViewPagerList;//GridView作为一个View对象添加到ViewPager集合中
int[] imageId;// 图片id的集合
CircleIndicator indicator;// 指示器
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
initData();
}
private void initView() {
mViewPager = (ViewPager) findViewById(R.id.viewPager);
indicator = (CircleIndicator) findViewById(R.id.indicator);
mList = new ArrayList<>();
imageId = new int[]{
R.mipmap.ic_launcher_round, R.mipmap.ic_launcher_round, R.mipmap.ic_launcher_round,
R.mipmap.ic_launcher_round, R.mipmap.ic_launcher_round, R.mipmap.ic_launcher_round,
R.mipmap.ic_launcher_round, R.mipmap.ic_launcher_round, R.mipmap.ic_launcher_round,
R.mipmap.ic_launcher_round, R.mipmap.ic_launcher_round, R.mipmap.ic_launcher_round,
R.mipmap.ic_launcher_round, R.mipmap.ic_launcher_round, R.mipmap.ic_launcher_round,
R.mipmap.ic_launcher_round, R.mipmap.ic_launcher_round, R.mipmap.ic_launcher_round,
};
for (int i = 0; i < imageId.length; i++) {
mList.add(new GridItem(imageId[i]));
}
}
private void initData() {
//总的页数=总数/每页数量，并向上取整取整
mTotalPage = (int) Math.ceil(mList.size() * 1.0 / mPageSize);
mViewPagerList = new ArrayList<>();
for (int i = 0; i < mTotalPage; i++) {
final GridView gridView = (GridView) View.inflate(this, R.layout.grid_item, null);
gridView.setAdapter(new GridViewAdapter(this, mList, i, mPageSize));
//每一个GridView作为一个View对象添加到ViewPager集合中
mViewPagerList.add(gridView);
}
mViewPagerAdapter = new MyViewPagerAdapter(this, mViewPagerList);
mViewPager.setAdapter(mViewPagerAdapter);
indicator.setViewPager(mViewPager);
}
2、MyViewPagerAdapter
public class MyViewPagerAdapter extends PagerAdapter {
List mViewList;//View就是GridView所显示的内容
Context mContext;
public MyViewPagerAdapter(Context context, List viewList) {
this.mContext = context;
this.mViewList = viewList;
}
@Override
public int getCount() {
if (mViewList != null && mViewList.size() > 0) {
return mViewList.size();
}
return 0;
}
@Override
public boolean isViewFromObject(View view, Object object) {
return view == object;
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
container.addView(mViewList.get(position));
return mViewList.get(position);
}
/**
* 将当前的View添加到ViewGroup容器中
* 这个方法，return一个对象，这个对象表明了PagerAdapter适配器选择哪个对象放在当前的ViewPage上
*/
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView((View) object);
}
}
3、GridViewAdapter
public class GridViewAdapter extends BaseAdapter {
private static final String TAG = "GridViewAdapter";
Context mContext;
ArrayList mList = new ArrayList<>();
int mIndex; // 页数下标，标示第几页，从0开始
int mPargerSize;// 每页显示的最大的数量
DisplayMetrics metrics;
public GridViewAdapter(Context context, ArrayList list, int mIndex, int mPagerSize) {
this.mContext = context;
this.mList = list;
this.mIndex = mIndex;
this.mPargerSize = mPagerSize;
}
@Override
public int getCount() {
return mList.size() > (mIndex + 1) * mPargerSize ?
mPargerSize : (mList.size() - mIndex * mPargerSize);
}
@Override
public Object getItem(int position) {
return mList.get(position + mIndex * mPargerSize);
}
@Override
public long getItemId(int position) {
return position + mIndex * mPargerSize;
}
@Override
public View getView(int position, View convertView, ViewGroup viewGroup) {
GridViewHolder holder;
metrics = mContext.getResources().getDisplayMetrics();
int widthPixels = metrics.widthPixels;
int width = widthPixels / 5;
int height = Dp2Px(mContext, 80);
if (convertView == null) {
holder = new GridViewHolder();
convertView = View.inflate(mContext, R.layout.gridview_item, null);
holder.ivItemImage = convertView.findViewById(R.id.ivMenu);
AbsListView.LayoutParams params = (AbsListView.LayoutParams) convertView.getLayoutParams();
convertView.setTag(holder);
if (params == null) {
params = new AbsListView.LayoutParams(width, height);
convertView.setLayoutParams(params);
} else {
params.width = width;
params.height = height;
}
} else {
holder = (GridViewHolder) convertView.getTag();
}
//重新确定position因为拿到的总是数据源，数据源是分页加载到每页的GridView上的
final int pos = position + mIndex * mPargerSize;//假设mPageSiez
//假设mPagerSize=8，假如点击的是第二页（即mIndex=1）上的第二个位置item(position=1),那么这个item的实际位置就是pos=9
holder.ivItemImage.setImageResource(mList.get(pos).getImageId());
// holder.layout.setOnClickListener(new View.OnClickListener() {
// @Override
// public void onClick(View v) {
// if (pos == 7 && mList.get(pos).getImageText().equals(mContext.getString(R.string.ad))) {
//// mHandler.sendEmptyMessageAtTime(0, 1000);
// } else {
//// Intent intent = new Intent();
//// intent.setClass(mContext, DetailsActivity.class);
//// intent.putExtra("Title", mList.get(pos).getImageText());
//// mContext.startActivity(intent);
// }
// }
// });
return convertView;
}
static class GridViewHolder {
ImageView ivItemImage;
}
// dp转px
public static int Dp2Px(Context context, float dp) {
final float scale = context.getResources().getDisplayMetrics().density;
return (int) (dp * scale + 0.5f);
}
}
4、activity_main.xml
5、gridview_item.xml
6、grid_item.xml
7、indicator_animator.xml
8、indicator_animator_reverse.xml
9、black_radius_square.xml
10、最后是指示器的依赖
implementation 'me.relex:circleindicator:1.2.2'