bean根据接口数据生成
布局代码
activity布局
<?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" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.example.bwei.gridviewviewpager.MainActivity"> <RelativeLayout android:layout_width="match_parent" android:layout_height="200dp" android:background="#fff" > <android.support.v4.view.ViewPager android:id="@+id/viewpager" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignBottom="@+id/points" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" /> <LinearLayout android:id="@+id/points" android:layout_centerHorizontal="true" android:layout_width="wrap_content" android:layout_height="30dp" android:layout_alignParentBottom="true" android:layout_marginBottom="10dp" android:gravity="center" android:orientation="horizontal" /> </RelativeLayout> </RelativeLayout>
gridview布局
<?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>
适配器条目
item_view
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:orientation="vertical" android:padding="10dp" android:gravity="center" android:layout_height="match_parent"> <com.facebook.drawee.view.SimpleDraweeView android:layout_width="30dp" android:layout_height="30dp" android:id="@+id/simpleDraw" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/item_name" /> </LinearLayout>activity
activity代码
package com.example.bwei.gridviewviewpager; import android.graphics.Color; import android.support.v4.view.ViewPager; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.AdapterView; import android.widget.GridView; import android.widget.ImageView; import android.widget.LinearLayout; import android.widget.Toast; import com.example.bwei.gridviewviewpager.adapter.MyGridViewAdpter; import com.example.bwei.gridviewviewpager.adapter.MyViewPagerAdapter; import com.google.gson.Gson; import java.io.IOException; import java.util.ArrayList; import java.util.List; import butterknife.BindView; import butterknife.ButterKnife; import okhttp3.Call; import okhttp3.Callback; import okhttp3.OkHttpClient; import okhttp3.Request; import okhttp3.Response; public class MainActivity extends AppCompatActivity { @BindView(R.id.viewpager) // ViewPager viewPager; 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;//当前页 @BindView(R.id.points) LinearLayout linearLayout; private ImageView iv; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); ButterKnife.bind(this); //初始化控件 // initView(); //添加业务逻辑 // initData(); getData(); } public void getData(){ OkHttpClient client = new OkHttpClient(); Request request = new Request.Builder() .url("http://120.27.23.105/product/getCatagory") .build(); client.newCall(request).enqueue(new Callback() { @Override public void onFailure(Call call, IOException e) { } @Override public void onResponse(Call call, final Response response) throws IOException { final String string = response.body().string(); runOnUiThread(new Runnable() { @Override public void run() { DataDataBean dataDataBean = new Gson().fromJson(string, DataDataBean.class); List<DataDataBean.DataBean> data = dataDataBean.getData(); initData(data); } }); } }); } private void initData( List<DataDataBean.DataBean> listDatas) { // 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(MainActivity.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)); // linearLayout.setBackgroundColor(Color.RED); for(int i = 0;i<totalPage;i++){ iv = new ImageView(MainActivity.this); //循环创建小圆点,判断第一个小圆点为白色的,其他的都是透明的 if(i == 0){ iv.setBackgroundResource(R.drawable.shape); }else{ iv.setBackgroundResource(R.drawable.shape02); } linearLayout.addView(iv); //设置小圆点的margin值 LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT, 1); lp.setMargins(5, 10, 5, 10); iv.setLayoutParams(lp); } } }
gridview适配器代码
package com.example.bwei.gridviewviewpager.adapter; /** * Created by QinQinBaoBei on 2017/12/27. */ import java.util.List; import com.example.bwei.gridviewviewpager.DataDataBean; import com.example.bwei.gridviewviewpager.ProdctBean; import com.example.bwei.gridviewviewpager.R; import com.facebook.drawee.view.SimpleDraweeView; import android.content.Context; import android.net.Uri; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapter; import android.widget.ImageView; import android.widget.TextView; import android.widget.Toast; /** * GridView加载数据的适配器 * @author Administrator * */ public class MyGridViewAdpter extends BaseAdapter{ private Context context; private List<DataDataBean.DataBean> lists;//数据源 private int mIndex; // 页数下标,标示第几页,从0开始 private int mPargerSize; // 每页显示的最大的数量 public MyGridViewAdpter(Context context, List<DataDataBean.DataBean> 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 DataDataBean.DataBean getItem(int arg0) { 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.simpleDraw = convertView.findViewById(R.id.simpleDraw); 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.simpleDraw.setImageURI(Uri.parse(lists.get(pos).getIcon())); // 添加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 SimpleDraweeView simpleDraw; } }
viewpager适配器
package com.example.bwei.gridviewviewpager.adapter; /** * Created by QinQinBaoBei on 2017/12/27. */ import android.support.v4.view.PagerAdapter; import java.util.List; import android.support.v4.view.PagerAdapter; import android.view.View; import android.view.ViewGroup; /** * ViewPage的适配器 * * @author Administrator */ 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); } }
fresco初始化
public class MyApp extends Application{ @Override public void onCreate() { super.onCreate(); Fresco.initialize(this); } }