如何从网络中获取json数据信息

今天带大家看一下如何从网络中获取json数据信息!

首先看一下最终的效果图

json文件:
这里写图片描述

实现效果:
这里写图片描述

要实现这个小程序,首先要看一下我们的实现步骤:

  • 1、创建一个ListView控件 使用4 个步骤显示基本数据
  • 2、在initData方法中 使用HttpUrlConnetion把地址中的Json字符串请求回来
  • 3、把Json字符串解析成NewsData数据类型
  • 4、在Adapter中的getView方法中 把NewsData中的标题和描述 先显示在控件
  • 5、因为NewsData中还保存了每一个条目的 图片地址
  • 6、getView方法中使用网络请求把每一个图片请求回来
  • 7、图片回来后,使用OnUIThread方法把图片资源加载在ImageView控件上

OK,下面来看一下它是如何实现的:

构成:
这里写图片描述

activity_main.xml:

<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"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.weekone.MainActivity" >

    <ListView
        android:id="@+id/lv"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</RelativeLayout>

list_item.xml:

<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"
    android:padding="10dp"
    >

    <ImageView 
        android:id="@+id/iv"
        android:layout_width="100dp"
        android:layout_height="80dp"
        android:scaleType="fitXY"
        />

    <LinearLayout 
        android:layout_width="match_parent"
        android:layout_height="80dp"
        android:orientation="vertical"
        android:layout_toRightOf="@+id/iv"
        >
        <TextView 
            android:id="@+id/tv_title"
            android:layout_width="match_parent"
            android:layout_height="30dp"
            android:text="标题"
            android:gravity="center_vertical"
            android:textSize="20sp"
            android:singleLine="true"
            />
        <TextView 
            android:id="@+id/tv_summary"
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:text="描述"
            />

    </LinearLayout>

</RelativeLayout>

MainActivity.java:

import java.io.ByteArrayOutputStream;
import java.io.InputStream;
import java.net.HttpURLConnection;
import java.net.URL;

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.AsyncTask;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;

import com.example.weekone.bean.NewsData;
import com.google.gson.Gson;

public class MainActivity extends Activity {

    ListView lv;
    NewsData nb;
    MyAdapter adapter;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //1、创建一个ListView控件   使用4 个步骤显示基本数据
        lv = (ListView) findViewById(R.id.lv);
        initData();
        adapter = new MyAdapter();
        lv.setAdapter(adapter);
    }

    //创建适配器
    class MyAdapter extends BaseAdapter{

        @Override
        public int getCount() {
            // TODO Auto-generated method stub
            if(nb != null){
                return nb.getData().size();
            }
            return 0;
        }

        @Override
        public Object getItem(int position) {
            // TODO Auto-generated method stub
            return null;
        }

        @Override
        public long getItemId(int position) {
            // TODO Auto-generated method stub
            return 0;
        }

        @Override
        public View getView(final int position, View convertView, ViewGroup parent) {
            final ViewHolder holder ;
            if(convertView == null){
                convertView = View.inflate(MainActivity.this, R.layout.list_item, null);
                holder = new ViewHolder();
                holder.iv = (ImageView) convertView.findViewById(R.id.iv);
                holder.tv_title = (TextView) convertView.findViewById(R.id.tv_title);
                holder.tv_summary = (TextView) convertView.findViewById(R.id.tv_summary);
                convertView.setTag(holder);
            }else{
                holder = (ViewHolder) convertView.getTag();
            }
            holder.tv_title.setText(nb.getData().get(position).getNews_title());
            holder.tv_summary.setText(nb.getData().get(position).getNews_summary());

            //6、getView方法中使用网络请求把每一个图片请求回来
            //使用一个线程把 图片加载回来  
            new Thread(new Runnable() {

                @Override
                public void run() {
                    //5、因为NewsData中还保存了每一个条目的  图片地址
                    final Bitmap img = getImg(nb.getData().get(position).getPic_url());
                    //7、图片回来后,使用OnUIThread方法把图片资源加载在ImageView控件上
                    runOnUiThread(new Runnable() {
                        public void run() {
                            holder.iv.setImageBitmap(img);
                        }
                    });
                }
            }){}.start();
            return convertView;
        }

    }
    //listview优化的holder
    static class ViewHolder{
        TextView tv_title;
        TextView tv_summary;
        ImageView iv;
    }

    protected Bitmap getImg(String path) {
        Bitmap bit = null;
        try {
            URL url = new URL(path);
            HttpURLConnection connection = (HttpURLConnection) url.openConnection();
            //默认是get请求   如果想使用post必须指明
            connection.setRequestMethod("GET");
            connection.setReadTimeout(5000);
            connection.setConnectTimeout(5000);

            int code = connection.getResponseCode();
            if(code == 200){
                InputStream inputStream = connection.getInputStream();
                //因为该地址是一个图片的地址,所以返回的数据流就是一个图片的数据流
                //直接用该图片的数据流 转换成 一个Bitmap
                bit = BitmapFactory.decodeStream(inputStream);
            }
        } catch (Exception e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        return bit;

    }

    /**
     * 使用Http请求把json请求回来
     * 使用Gson把数据装换成NewsData类型
     */
    private void initData() {
        new AsyncTask<String, String, String>(){

            @Override
            protected String doInBackground(String... params) {
                //2、在initData方法中  使用HttpUrlConnetion把地址中的Json字符串请求回来
                String result = getData();
                return result;
            }


            @Override
            protected void onPostExecute(String result) {
                //3、把Json字符串解析成NewsData数据类型
                Gson gson = new Gson();
                //然后把json数据使用Gson转换成NewsData
                nb = gson.fromJson(result, NewsData.class);

                //4、在Adapter中的getView方法中  把NewsData中的标题和描述 先显示在控件
                //改变数据后 刷新adapter
                adapter.notifyDataSetChanged();
                super.onPostExecute(result);
            }

        }.execute();
    }

    protected String getData() {
        String result = "";
        try {
            URL url = new URL("http://api.expoon.com/AppNews/getNewsList/type/1/p/1");
            HttpURLConnection conn = (HttpURLConnection) url.openConnection();
            conn.setRequestMethod("GET");

            int code = conn.getResponseCode();
            if(code == 200){
                InputStream is = conn.getInputStream();
                //把数据流中的json数据  转换成字符串
                ByteArrayOutputStream bos = new ByteArrayOutputStream();

                int len = -1;
                byte[] buff = new byte[1024];
                while((len = is.read(buff)) != -1){
                    bos.write(buff, 0, len);
                }
                result = new String(bos.toByteArray());
            }
        } catch (Exception e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        return result;
    }

}

当然,最重要的添加网络权限:

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

好了,这就是实现代码的全过程了,希望对大家有所帮助!

  • 0
    点赞
  • 0
    评论
  • 6
    收藏
  • 打赏
    打赏
  • 扫一扫,分享海报

©️2022 CSDN 皮肤主题:大白 设计师:CSDN官方博客 返回首页

打赏作者

人走丿茶凉

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值