RecyclerView三种展示（列表，表格，瀑布）OkHttp网络请求数据

最新推荐文章于 2024-03-28 11:57:58 发布

jun_tong

最新推荐文章于 2024-03-28 11:57:58 发布

阅读量3.8k

点赞数

分类专栏： Android 之列表 Android 之网络请求

本文链接：https://blog.csdn.net/jun_tong/article/details/80429618

版权

Android 之网络请求同时被 2 个专栏收录

26 篇文章 1 订阅

订阅专栏

Android 之列表

21 篇文章 1 订阅

订阅专栏

例：

OkHttp网络请求数据

RecyclerView展示数据

三种展示（列表，表格，瀑布）

实现添加，删除功能

添加依赖：

dependencies {
    implementation 'com.android.support:recyclerview-v7:26.1.0'
    compile 'com.squareup.okhttp3:okhttp:3.4.2'
    compile 'com.google.code.gson:gson:2.2.4'
    compile 'com.nostra13.universalimageloader:universal-image-loader:1.9.5'
}

添加权限：

<uses-permission android:name="android.permission.INTERNET"/>

MainActivity主要类：

public class MainActivity extends AppCompatActivity implements View.OnClickListener{

    private static final int SUCCESS = 492;
    private MyAdapter myAdapter;
    private List<LogoBean.DataBean.PcFeedFocusBean> list;

    Handler handler = new Handler() {
        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);
            switch (msg.what){
                case SUCCESS:
                    String json = (String) msg.obj;
                    Gson gson = new Gson();
                    LogoBean logoBean = gson.fromJson(json, LogoBean.class);
                    list = logoBean.getData().getPc_feed_focus();
                    myAdapter = new MyAdapter(list, MainActivity.this);
                    rv.setAdapter(myAdapter);
            }
        }
    };

    private RecyclerView rv;

    private Button ll;
    private Button bg;
    private Button pb;
    private Button add;
    private Button select;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //找控件
        initadd();
        rv = findViewById(R.id.rv);//RecyclerView
    }

    private void initadd() {
        ll = findViewById(R.id.ll);//线性布局
        bg = findViewById(R.id.bg);//表格布局
        pb = findViewById(R.id.pb);//瀑布流布局
        add = findViewById(R.id.add);//添加方法
        select = findViewById(R.id.select);//删除方法

        //按钮的监听
        ll.setOnClickListener(this);
        bg.setOnClickListener(this);
        pb.setOnClickListener(this);
        add.setOnClickListener(this);
        select.setOnClickListener(this);
    }

    //按钮的监听
    @Override
    public void onClick(View view) {
        switch (view.getId()){
            case R.id.ll:
                getpostll();
                //线性布局管理器
                rv.setLayoutManager(new LinearLayoutManager(this,LinearLayoutManager.VERTICAL,false));
                break;
            case R.id.bg:
                getpostll();
                //表格布局管理器
                rv.setLayoutManager(new GridLayoutManager(this,3));
                break;
            case R.id.pb:
                getpostll();
                //瀑布式布局管理器
                rv.setLayoutManager(new StaggeredGridLayoutManager(2,StaggeredGridLayoutManager.VERTICAL));
                break;
            case R.id.add:
                //删除
                myAdapter.additem(list.get(0));
                break;
            case R.id.select:
                //添加
                myAdapter.delete(0);
                break;
        }
    }

    //解析
    public void getpostll() {
        OkHttpClient client = new OkHttpClient();
        Request builder = new Request.Builder().url("https://www.toutiao.com/api/pc/focus/").build();
        client.newCall(builder).enqueue(new Callback() {
            @Override
            public void onFailure(Call call, IOException e) {
            }
            @Override
            public void onResponse(Call call, Response response) throws IOException {
                //得到数据并转型
                String s = response.body().string();
                //更新UI不能在子线程中,使用Handler
                Message message = handler.obtainMessage();
                message.obj = s;
                message.what = SUCCESS;
                handler.sendMessage(message);
            }
        });
        return ;
    }
}

activity_main布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    android:orientation="vertical"
    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=".MainActivity">
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="线性布局"
            android:id="@+id/ll"/>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="表格布局"
            android:id="@+id/bg"/>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="瀑布式"
            android:id="@+id/pb"/>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="添加"
            android:id="@+id/add"/>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="删除"
            android:id="@+id/select"/>
    </LinearLayout>
    
    <android.support.v7.widget.RecyclerView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/rv"/>

</LinearLayout>

MyAdapter 适配器类：

public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder>{
    private List<LogoBean.DataBean.PcFeedFocusBean> list;
    private Context context;
    //接口对象
    private OnItemLongClickListener onItemLongClickListener;
    private OnItemClickListener onItemClickListener;
    public MyAdapter(List<LogoBean.DataBean.PcFeedFocusBean> list, Context context) {
        this.list = list;
        this.context = context;
    }
    //获取子布局
    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item, parent, false);
        ViewHolder viewHolder = new ViewHolder(view);
        return viewHolder;
    }
    //给控件赋值
    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        holder.tv.setText(list.get(position).getTitle());//标题
        ImageLoader.getInstance().displayImage(list.get(position).getImage_url(),holder.img);//图片
        int adapterPosition = holder.getAdapterPosition();
        if (onItemClickListener != null) {
            holder.itemView.setOnClickListener(new MyOnClickListener(position, list.get(position).getTitle()));
        }
        if (onItemLongClickListener != null) {
            holder.itemView.setOnLongClickListener(new MyOnLongClickListener(position, list.get(position).getImage_url()));
        }
    }

    @Override
    public int getItemCount() {
        return list.size();
    }
    public void additem(LogoBean.DataBean.PcFeedFocusBean l){
        list.add(l);
        notifyDataSetChanged();
    }
    public void delete(int index){
        list.remove(index);
        notifyDataSetChanged();
    }

    class ViewHolder extends RecyclerView.ViewHolder{
        private final ImageView img;
        private final TextView tv;
        public ViewHolder(View itemView) {
            super(itemView);
            img = itemView.findViewById(R.id.img);
            tv = itemView.findViewById(R.id.tv);
        }
    }
    //定义一个接口
    public interface OnItemClickListener {
        void onItemClick(View view, int position, String data);
    }
    public interface OnItemLongClickListener {
        void onItemLongClick(View view, int position, String data);
    }
    private class MyOnLongClickListener implements View.OnLongClickListener {
        private int position;
        private String data;
        public MyOnLongClickListener(int position, String data) {
            this.position = position;
            this.data = data;
        }
        @Override
        public boolean onLongClick(View v) {
            onItemLongClickListener.onItemLongClick(v, position, data);
            return true;
        }
    }

    private class MyOnClickListener implements View.OnClickListener {
        private int position;
        private String data;
        public MyOnClickListener(int position, String data) {
            this.position = position;
            this.data = data;
        }
        @Override
        public void onClick(View v) {
            onItemClickListener.onItemClick(v, position, data);
        }
    }
}

item 适配器布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    android:orientation="vertical"
    xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content"
    android:layout_height="wrap_content">
    <ImageView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:id="@+id/img"/>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="5dp"
        android:id="@+id/tv"/>
</LinearLayout>

Add 类：（记得在清单文件中配置android:name=".Add"）

public class Add extends Application {
    @Override
    public void onCreate() {
        super.onCreate();

        File file = new File(Environment.getExternalStorageDirectory() + "/" + "image");
        ImageLoaderConfiguration build = new ImageLoaderConfiguration.Builder(this)
                //设置缓存地址
                .diskCache(new UnlimitedDiskCache(file))
                //关联getimg
                .defaultDisplayImageOptions(getimg())
                //内存缓存20M
                .memoryCacheSize(2 * 1024 * 1024)
                //可以缓存文件数量
                .diskCacheFileCount(100)
                //线程池数量
                .threadPoolSize(3)
                .build();
        ImageLoader.getInstance().init(build);
    }

    public DisplayImageOptions getimg() {
        DisplayImageOptions img = new DisplayImageOptions.Builder()
                //加载时显示的图片
                .showImageOnLoading(R.mipmap.ic_launcher)
                .showImageOnFail(R.mipmap.ic_launcher)
                .showImageForEmptyUri(R.mipmap.ic_launcher)
                //设置圆角
                .displayer(new RoundedBitmapDisplayer(25))
                .build();
        return img;
    }
}

LogoBean 类：（换接口的话，记得换Bean类）

public class LogoBean {
    /**
     * message : success
     * data : {"pc_feed_focus":[{"title":"从改革地标看中国改革开放40年","display_url":"/group/6558446792944386563/","has_video":false,"image_url":"//p3.pstatp.com/origin/85fa0014ef193bffed3d","has_image":true,"group_id":6558446792944386563,"media_url":"http://toutiao.com/m4377795668"},{"title":"3年1500封情书定终身，\u201c兵哥哥\u201d开面馆救重症妻","display_url":"/group/6557993092882891277/","has_video":false,"image_url":"//p3.pstatp.com/origin/85fa0011f5feb4153842","has_image":true,"group_id":6557993092882891277,"media_url":"http://toutiao.com/m1562542894927874"},{"title":"被张翰\u201c斯文败类\u201dLOOK震惊，这次要Pick虐心又虐狗的塘主","display_url":"/group/6558457737871622664/","has_video":false,"image_url":"//p9.pstatp.com/origin/85f900153cddde3b9503","has_image":false,"group_id":6558457737871622664,"media_url":"http://toutiao.com/m5486350548"},{"title":"2018年汤姆斯杯A组次轮 中国队5比0战胜印度队","display_url":"/group/6558456235866194436/","has_video":false,"image_url":"//p3.pstatp.com/origin/85fd00061bbc829c2a33","has_image":true,"group_id":6558456235866194436,"media_url":"http://toutiao.com/m6967144588"},{"title":"大事情！陆军400将校为何齐聚库尔勒","display_url":"/group/6558390521088180743/","has_video":false,"image_url":"//p3.pstatp.com/origin/85fb0014f394d847081e","has_image":false,"group_id":6558390521088180743,"media_url":"http://toutiao.com/m4377795668"},{"title":"林志玲随便一拍都是大片，卖萌比V仙气十足","display_url":"/group/6558322997449458189/","has_video":false,"image_url":"//p3.pstatp.com/origin/85f80014e9cf1725b03a","has_image":true,"group_id":6558322997449458189,"media_url":"http://toutiao.com/m50266454509"},{"title":"托雷斯用梅开二度告别床单军团 讲话哽咽掩面拭泪","display_url":"/group/6557865406713823758/","has_video":false,"image_url":"//p1.pstatp.com/origin/85f8000ef980b72b3f99","has_image":true,"group_id":6557865406713823758,"media_url":"http://toutiao.com/m6675759548"},{"title":"Billboard 音乐奖红毯 霉霉发表获奖感言","display_url":"/group/6557876196451811844/","has_video":false,"image_url":"//p3.pstatp.com/origin/85f8000ef974b9d760ac","has_image":true,"group_id":6557876196451811844,"media_url":"http://toutiao.com/m5738017030"},{"title":"霍思燕真的是嫁给爱情了！杜江满脸宠溺成\u201c盯妻狂魔\u201d","display_url":"/group/6557876169033646595/","has_video":false,"image_url":"//p1.pstatp.com/large/85fc0003f4849c62b3bf","has_image":true,"group_id":6557876169033646595,"media_url":"http://toutiao.com/m5738017030"}]}
     */
    private String message;
    private DataBean data;
    public String getMessage() {
        return message;
    }
    public void setMessage(String message) {
        this.message = message;
    }
    public DataBean getData() {
        return data;
    }
    public void setData(DataBean data) {
        this.data = data;
    }
    public static class DataBean {
        private List<PcFeedFocusBean> pc_feed_focus;
        public List<PcFeedFocusBean> getPc_feed_focus() {
            return pc_feed_focus;
        }
        public void setPc_feed_focus(List<PcFeedFocusBean> pc_feed_focus) {
            this.pc_feed_focus = pc_feed_focus;
        }
        public static class PcFeedFocusBean {
            /**
             * title : 从改革地标看中国改革开放40年
             * display_url : /group/6558446792944386563/
             * has_video : false
             * image_url : //p3.pstatp.com/origin/85fa0014ef193bffed3d
             * has_image : true
             * group_id : 6558446792944386563
             * media_url : http://toutiao.com/m4377795668
             */
            private String title;
            private String display_url;
            private boolean has_video;
            private String image_url;
            private boolean has_image;
            private long group_id;
            private String media_url;
            public String getTitle() {
                return title;
            }
            public void setTitle(String title) {
                this.title = title;
            }
            public String getDisplay_url() {
                return display_url;
            }
            public void setDisplay_url(String display_url) {
                this.display_url = display_url;
            }
            public boolean isHas_video() {
                return has_video;
            }
            public void setHas_video(boolean has_video) {
                this.has_video = has_video;
            }
            public String getImage_url() {
                return image_url;
            }
            public void setImage_url(String image_url) {
                this.image_url = image_url;
            }
            public boolean isHas_image() {
                return has_image;
            }
            public void setHas_image(boolean has_image) {
                this.has_image = has_image;
            }
            public long getGroup_id() {
                return group_id;
            }
            public void setGroup_id(long group_id) {
                this.group_id = group_id;
            }
            public String getMedia_url() {
                return media_url;
            }
            public void setMedia_url(String media_url) {
                this.media_url = media_url;
            }
        }
    }
}