废话不说直接上代码
/** * Created by : SamZhao * * @since:on 2017/11/7. * function ：GridView加载数据的适配器 * 如有不理解的联系qq：632948965 * 欢迎加群 38240957 讨论 */ public class MyGridViewAdpter extends BaseAdapter { private Context context; private List<ProdctBean> lists;//数据源 private int mIndex; // 页数下标，标示第几页，从0开始 private int mPargerSize;// 每页显示的最大的数量 public MyGridViewAdpter(Context context, List<ProdctBean> lists, int mIndex, int mPargerSize) { this.context = context; this.lists = lists; this.mIndex = mIndex; this.mPargerSize = mPargerSize; } /** * 先判断数据及的大小是否显示满本页lists.size() > (mIndex + 1)*mPagerSize * 如果满足，则此页就显示最大数量lists的个数 * 如果不够显示每页的最大数量，那么剩下几个就显示几个 */ @Override public int getCount() { // TODO Auto-generated method stub return lists.size() > (mIndex + 1) * mPargerSize ? mPargerSize : (lists.size() - mIndex * mPargerSize); } @Override public ProdctBean getItem(int arg0) { // TODO Auto-generated method stub return lists.get(arg0 + mIndex * mPargerSize); } @Override public long getItemId(int arg0) { // TODO Auto-generated method stub return arg0 + mIndex * mPargerSize; } @Override public View getView(int position, View convertView, ViewGroup parent) { // TODO Auto-generated method stub ViewHolder holder = null; if (convertView == null) { holder = new ViewHolder(); convertView = View.inflate(context, R.layout.item_view, null); holder.tv_name = (TextView) convertView.findViewById(R.id.item_name); holder.iv_nul = (ImageView) convertView.findViewById(R.id.item_image); convertView.setTag(holder); } else { holder = (ViewHolder) convertView.getTag(); } //重新确定position因为拿到的总是数据源，数据源是分页加载到每页的GridView上的 final int pos = position + mIndex * mPargerSize;//假设mPageSiez //假设mPagerSize=8，假如点击的是第二页（即mIndex=1）上的第二个位置item(position=1),那么这个item的实际位置就是pos=9 holder.tv_name.setText(lists.get(pos).getName() + ""); holder.iv_nul.setImageResource(lists.get(pos).getUrl()); //添加item监听 // convertView.setOnClickListener(new View.OnClickListener() { // // @Override // public void onClick(View arg0) { // // TODO Auto-generated method stub // Toast.makeText(context, "您点击了" + lists.get(pos).getName(), Toast.LENGTH_SHORT).show(); // } // }); return convertView; } static class ViewHolder { private TextView tv_name; private ImageView iv_nul; } }
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center" android:orientation="vertical" android:padding="10dp" > <ImageView android:id="@+id/item_image" android:layout_width="50dp" android:layout_height="50dp" android:contentDescription="@null" android:scaleType="fitCenter" android:src="@mipmap/ic_launcher_round" /> <TextView android:id="@+id/item_name" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="2dp" android:textColor="#333333" android:text="@string/app_name" /> </LinearLayout>
/** * Created by : SamZhao * * @since:on 2017/11/7. * function ：ViewPage的适配器 * 如有不理解的联系qq：632948965 * 欢迎加群 38240957 讨论 */ public class MyViewPagerAdapter extends PagerAdapter { private List<View> viewList;//View就二十GridView public MyViewPagerAdapter(List<View> viewList) { this.viewList = viewList; } @Override public int getCount() { // TODO Auto-generated method stub return viewList!=null ? viewList.size() : 0; } @Override public boolean isViewFromObject(View arg0, Object arg1) { // TODO Auto-generated method stub return arg0 == arg1; } /** * 将当前的View添加到ViewGroup容器中 * 这个方法，return一个对象，这个对象表明了PagerAdapter适配器选择哪个对象放在当前的ViewPage上 */ @Override public Object instantiateItem(ViewGroup container, int position) { // TODO Auto-generated method stub container.addView(viewList.get(position)); return viewList.get(position); } @Override public void destroyItem(ViewGroup container, int position, Object object) { // TODO Auto-generated method stub container.removeView((View) object); } }
/** * Created by : SamZhao * * @since:on 2017/11/7. * function ：首页 * 如有不理解的联系qq：632948965 * 欢迎加群 38240957 讨论 */ public class MainActivity extends AppCompatActivity { private ViewPager viewPager; private LinearLayout group;//圆点指示器 private ImageView[] ivPoints;//小圆点图片的集合 private int totalPage; //总的页数 private int mPageSize = 10; //每页显示的最大的数量 private List<ProdctBean> listDatas;//总的数据源 private List<View> viewPagerList;//GridView作为一个View对象添加到ViewPager集合中 //private int currentPage;//当前页 private String[] proName = {"名称0", "名称1", "名称2", "名称3", "名称4", "名称5", "名称6", "名称7", "名称8", "名称9", "名称10", "名称11", "名称12", "名称13", "名称14", "名称15", "名称16", "名称17", "名称18", "名称19"}; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //初始化控件 initVie(); //添加业务逻辑 initDat(); } public void initVie() { // TODO Auto-generated method stub viewPager = (ViewPager) findViewById(R.id.viewpager); group = (LinearLayout) findViewById(R.id.points); listDatas = new ArrayList<ProdctBean>(); for (int i = 0; i < proName.length; i++) { listDatas.add(new ProdctBean(proName[i], R.mipmap.ic_launcher_round)); } } public void initDat() { // TODO Auto-generated method stub //总的页数向上取整 totalPage = (int) Math.ceil(listDatas.size() * 1.0 / mPageSize); viewPagerList = new ArrayList<View>(); for (int i = 0; i < totalPage; i++) { //每个页面都是inflate出一个新实例 final GridView gridView = (GridView) View.inflate(this, R.layout.item_gridview, null); gridView.setAdapter(new MyGridViewAdpter(this, listDatas, i, mPageSize)); //添加item点击监听 gridView.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView<?> arg0, View arg1, int position, long arg3) { // TODO Auto-generated method stub Object obj = gridView.getItemAtPosition(position); if (obj != null && obj instanceof ProdctBean) { System.out.println(obj); Toast.makeText(MainActivity.this, ((ProdctBean) obj).getName(), Toast.LENGTH_SHORT).show(); } } }); //每一个GridView作为一个View对象添加到ViewPager集合中 viewPagerList.add(gridView); } //设置ViewPager适配器 viewPager.setAdapter(new MyViewPagerAdapter(viewPagerList)); //添加小圆点 ivPoints = new ImageView[totalPage]; for (int i = 0; i < totalPage; i++) { //循坏加入点点图片组 ivPoints[i] = new ImageView(this); if (i == 0) { ivPoints[i].setImageResource(R.drawable.page_focuese); } else { ivPoints[i].setImageResource(R.drawable.page_unfocused); } ivPoints[i].setPadding(8, 8, 8, 8); group.addView(ivPoints[i]); } //设置ViewPager的滑动监听，主要是设置点点的背景颜色的改变 viewPager.setOnPageChangeListener(new ViewPager.SimpleOnPageChangeListener() { @Override public void onPageSelected(int position) { // TODO Auto-generated method stub //currentPage = position; for (int i = 0; i < totalPage; i++) { if (i == position) { ivPoints[i].setImageResource(R.drawable.page_focuese); } else { ivPoints[i].setImageResource(R.drawable.page_unfocused); } } } }); } }
<?xml version="1.0" encoding="utf-8"?> <android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.samzhao.demo.gridviewpaging.MainActivity"> <RelativeLayout android:layout_width="match_parent" android:layout_height="220dp" android:background="#fff" > <android.support.v4.view.ViewPager android:id="@+id/viewpager" android:layout_width="match_parent" android:layout_height="wrap_content" /> <LinearLayout android:id="@+id/points" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_marginBottom="10dp" android:gravity="center" android:orientation="horizontal" /> </RelativeLayout> </android.support.constraint.ConstraintLayout>
<?xml version="1.0" encoding="utf-8"?> <GridView xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/gridView" android:layout_width="match_parent" android:layout_height="wrap_content" android:numColumns="5"> </GridView>
有需要的可以下载源码 http://download.youkuaiyun.com/download/qq_25314345/10129042
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
