使用recyclerview多条目加载代替listview okhttp请求网路 Glide加载图片

今天给大家带来一个关于recycler view的使用及使用Okhttp请求网络的使用glide加载图片,首先来看一下效果吧

效果中就是使用了recycleview 加载的布局,OkHttp请求的网络 Glide加载图片的 在敲代码之前呢首先得导依赖,我把依赖也写出来给你们省得你们再去找了直接复制粘贴倒build.gradle中就行了

 compile 'com.android.support:recyclerview-v7:25.3.1'
    compile 'com.google.code.gson:gson:2.8.2'
    compile 'com.github.bumptech.glide:glide:4.0.0'
    compile 'com.squareup.okhttp3:okhttp:3.9.0'

下面就直接站代码给大家看看吧(让我一步一步讲,我能把我自己讲懵逼了)

首先是主方法里面的首先的有一个能访问到数据的网络地址,还有一个handler

public class MainActivity_Sousuo  extends AppCompatActivity {
    private List<Bean.DatasBean.GoodsListBean> list=new ArrayList<>();
    private RecyclerView recyclerView;
    private Handler handler = new Handler();
    private String url="http://169.254.206.40/mobile/index.php?act=goods&op=goods_list&page=100";

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main_sousuo);
        initView();
        initData();
    }


    private void initData() {
        OkHttpClient client = new OkHttpClient();
        Request request = new Request.Builder().url(url).build();
        Call call = client.newCall(request);
        call.enqueue(new Callback() {
            @Override
            public void onFailure(Call call, IOException e) {
                Log.d("onFailure", "请求失败");
            }

            @Override
            public void onResponse(Call call, Response response) throws IOException {

                if (response.body() != null && response.isSuccessful()) {
                    String result = response.body().string();
                    Bean bean =Bean.objectFromData(result);
                    list = bean.getDatas().getGoods_list();
                    handler.post(new Runnable() {
                        @Override
                        public void run() {
                            recyclerView.setAdapter(new MyAdapter(MainActivity_Sousuo.this, list));
                        }
                    });
                } else {
                    Log.d("onFailure", "请求失败");
                }


            }
        });
    }

    private void initView() {
        recyclerView = (RecyclerView) findViewById(R.id.recyclerview);
//                LinearLayoutManager manager = new LinearLayoutManager(this);
//               GridLayoutManager glide = new GridLayoutManager(this,2);
        LinearLayoutManager stage = new LinearLayoutManager(MainActivity_Sousuo.this);
        recyclerView.setLayoutManager(stage);
    }
}
下面的是Adapter里面的方法,本人用的是多条目加载,所以里面用了条目判断,

public class MyAdapter extends RecyclerView.Adapter {
    View view;
    Context context;
    //定义两种种常量  表示两种条目类型
    public static final int TYPE_PULL_IMAGE = 0;
    public static final int TYPE_RIGHT_IMAGE = 1;
    private List<Bean.DatasBean.GoodsListBean> list;
    MainActivity_Sousuo mainActivity_sousuo;
    private ThreeImageHolder threeimageholder;
    private PullImageHolder pullimageholder;
    private PullImageHolder holder1;
    private ThreeImageHolder holder2;

    public MyAdapter(MainActivity_Sousuo mainActivity_sousuo, List<Bean.DatasBean.GoodsListBean> data) {
        this.list = data;
        this.mainActivity_sousuo = mainActivity_sousuo;
        context = mainActivity_sousuo;
    }
    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        //创建不同的 ViewHolder

        //根据viewtype来创建条目
        if (viewType == TYPE_PULL_IMAGE) {
            view = LayoutInflater.from(context).inflate(R.layout.item, parent, false);
            holder1 = new PullImageHolder(view);
            return holder1;
        } else {
            view = LayoutInflater.from(context).inflate(R.layout.item2, parent, false);
            holder2 = new ThreeImageHolder(view);
            return holder2;
        }
    }
    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
        if (holder instanceof PullImageHolder) {

            Glide.with(context).load(list.get(position).getGoods_image_url()).into(holder1.imag);
          holder1  .biaoti.setText(list.get(position).getGoods_name());
            holder1.prices.setText(list.get(position).getGoods_price());
            Glide.with(context).load(list.get(position).getGoods_image_url()).into(holder1.imag1);
            holder1.biaoti1.setText(list.get(position).getGoods_name());
            holder1.prices1.setText(list.get(position).getGoods_price());
        }
        if (holder instanceof ThreeImageHolder) {

            holder2 = new ThreeImageHolder(view);
            Glide.with(context).load(list.get(position).getGoods_image_url()).into(holder2.imag2);
            holder2.biaoti2.setText(list.get(position).getGoods_name());
            holder2.prices2.setText("价格:" + list.get(position).getGoods_price());
        }
    }
    @Override
    public int getItemCount() {
        return list != null ? list.size() : 0;
    }
    //根据条件返回条目的类型
    @Override
    public int getItemViewType(int position) {
        if (position % 2 == 0) {
            return TYPE_PULL_IMAGE;
        } else {
            return TYPE_RIGHT_IMAGE;
        }
    }
    /**
     * 创建两种种ViewHolder
     */
    class PullImageHolder extends RecyclerView.ViewHolder {
        ImageView imag, imag1;
        TextView biaoti, prices, biaoti1, prices1;
        public PullImageHolder(View itemView) {
            super(itemView);
            imag = (ImageView) itemView.findViewById(R.id.imag);
            biaoti = (TextView) itemView.findViewById(R.id.biaoti);
            prices = (TextView) itemView.findViewById(R.id.prices);
            imag1 = (ImageView) itemView.findViewById(R.id.imag1);
            biaoti1 = (TextView) itemView.findViewById(R.id.biaoti1);
            prices1 = (TextView) itemView.findViewById(R.id.prices1);
        }
    }
    private class ThreeImageHolder extends RecyclerView.ViewHolder {
        ImageView imag2;
        TextView biaoti2, prices2;
        public ThreeImageHolder(View itemView) {
            super(itemView);
            imag2 = (ImageView) itemView.findViewById(R.id.imag2);
            biaoti2 = (TextView) itemView.findViewById(R.id.biaoti2);
            prices2 = (TextView) itemView.findViewById(R.id.prices2);
        }
    }
}
布局我也发个图片吧  大家一眼就能看出来的




好了就这么多,不喜勿喷!!!



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值