获取json数据显示RecyclerView

      RecyclerView是一个比Listview强大的组件,RecyclerView显示数据时可横竖向,RecyclerView提供了3中显示效果样式LinearLayoutManager线性布局效果,GridLayoutManager(网格布局效果)和StaggeredGridLayoutManager(瀑布流布局效果).

运行效果图:

          


json数据:

[
    {
        "title": "活着"
    },{
        "title": "每天站在高楼上"
    },
    {
        "title": "看着地上的小蚂蚁"
    },
    {
        "title": "它们的头很大"
    },
    {
        "title": "它们的腿很细"
    },
    {
        "title": "它们拿着苹果手机"
    },
    {
        "title": "它们穿着耐克阿迪"
    },
    {
        "title": "上班就要迟到了"
    },
    {
        "title": "它们很着急"
    },
    {
        "title": "我那可怜的吉普车"
    },
    {
        "title": "很久没爬山也没过河"
    },
    {
        "title": "它在这个城市里"
    },
    {
        "title": "过得很压抑"
    },
    {
        "title": "虽然它什么都没说"
    },
    {
        "title": "但我知道它很难过"
    }
,
    {
        "title": "......"
    }
]

1、导入组件库 recyclerview和okhttp




2、activity_main.xml中添加控件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.wdl.recyclerview.MainActivity">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recy"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        />
</RelativeLayout>


3、创建recyclerview的item布局   recyclerview_item.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:gravity="center"
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:id="@+id/recy_item"/>
</RelativeLayout>

4、Mainactivity.java

public class MainActivity extends AppCompatActivity {
    //获取的json数据
    public  String date;
    public  String title;
    public RecyclerView recyclerview;
    public List<Map<String,Object>> list=new ArrayList<>();
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        recyclerview= (RecyclerView) findViewById(R.id.recy);
        //获取数据
        okhttpDate();

    }

    private void okhttpDate() {
        Log.i("TAG","--ok-");
        new Thread(new Runnable() {
            @Override
            public void run() {
                OkHttpClient client=new OkHttpClient();
                Request request=new Request.Builder().url("http://192.168.1.6:8080/RecyclerView.json").build();
                try {
                    Response sponse=client.newCall(request).execute();
                    date=sponse.body().string();
                    //解析
                    jsonJXDate(date);
                } catch (IOException e) {
                    e.printStackTrace();
                }

            }
        }).start();

    }
    private void jsonJXDate(String date) {
        if(date!=null) {
            try {
                JSONArray array = new JSONArray(date);
                for (int i = 0; i < array.length(); i++) {
                    JSONObject object = array.getJSONObject(i);
                    title = object.getString("title");

                    Map<String, Object> map = new HashMap<>();
                    map.put("title", title);
                    list.add(map);

                }
                Message msg=new Message();
                msg.what=1;
                handler.sendMessage(msg);
            } catch (JSONException e) {
                e.printStackTrace();
            }

        }



    }
    public Handler handler=new Handler(){
        @Override
        public void handleMessage(Message msg) {
            switch (msg.what){
                case 1:
                    //添加分割线
                    recyclerview.addItemDecoration(new DividerItemDecoration(
                            MainActivity.this, DividerItemDecoration.VERTICAL));
                    recy_item_Adapter recy=new recy_item_Adapter(list,MainActivity.this);
                    //设置布局显示格式
                    recyclerview.setLayoutManager(new LinearLayoutManager(MainActivity.this));
                    recyclerview.setAdapter(recy);
                    break;


            }
        }
    };

}

5、创建recyclerview适配器recy_item_Adapter.java

public class recy_item_Adapter extends RecyclerView.Adapter<recy_item_Adapter.ViewHolder> {
    public List<Map<String,Object>> list=new ArrayList<>();
    public Context con;
    public  LayoutInflater inflater;
    public  recy_item_Adapter(List<Map<String,Object>> list, Context con){
        this.con=con;
        this.list=list;
        inflater=LayoutInflater.from(con);
    }
    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view= inflater.inflate(R.layout.recyclerview_item,null);
        ViewHolder viewHolder=new ViewHolder(view);
        return viewHolder;

    }

    @Override
    public void onBindViewHolder(final ViewHolder holder, int position) {
        holder.recy_tv.setText(list.get(position).get("title").toString());
    }

    @Override
    public int getItemCount() {
        return list.size();
    }

    class ViewHolder extends RecyclerView.ViewHolder{
        public TextView recy_tv;
        public ViewHolder(View itemView) {
            super(itemView);
            recy_tv= (TextView) itemView.findViewById(R.id.recy_item);
        }
    }

}

 
网络权限:
<uses-permission android:name="android.permission.INTERNET"></uses-permission>


点击事件监听:http://www.jianshu.com/p/f2e0463e5aef


评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值