网络获取数据展示到ListView练习

题目:网络获取Json数据解析后取出列表数据,使用BaseAdapter填充数据,优化。加载图片


需要添加的权限

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

需要添加的依赖

//Json解析
compile 'com.google.code.gson:gson:2.8.2'
//图片加载
compile 'com.squareup.picasso:picasso:2.5.2'


item_layout文件:

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

    <ImageView
        android:layout_width="wrap_content"
        android:layout_margin="10dp"
        android:id="@+id/food_iv"
        android:layout_height="wrap_content" />
    <TextView
        android:id="@+id/foodName_tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:textColor="@android:color/black"
        android:textSize="20sp"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/foodStr_tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp"
        android:layout_marginLeft="10dp"
        android:textSize="18sp" />
</LinearLayout>

main_activity布局文件:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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.mrzhao.listviewasynctaskdemo.MainActivity">

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

</LinearLayout>

适配器MyAdapter:

public class MyAdapter extends BaseAdapter {

    private List<FoodEntity.DataBean> list;
    private Context context;

    public MyAdapter(List<FoodEntity.DataBean> list, Context context) {
        this.list = list;
        this.context = context;
    }

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

    @Override
    public Object getItem(int position) {
        return list.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder;
        //将布局文件 转换成为 View对象

        if (convertView == null) {
            convertView = LayoutInflater.from(context).inflate(R.layout.item_layout, parent, false);
            holder = new ViewHolder();
            //实例化  条目布局中的 视图
            holder.foodNameTv = (TextView) convertView.findViewById(R.id.foodName_tv);
            holder.foodStrTv = (TextView) convertView.findViewById(R.id.foodStr_tv);
            holder.foodIv = (ImageView) convertView.findViewById(R.id.food_iv);
            convertView.setTag(holder);
        } else {
            holder = (ViewHolder) convertView.getTag();
        }
        //获取 条目中的元素  对象
        FoodEntity.DataBean dataBean = list.get(position);
        //给视图绑定数据
        holder.foodNameTv.setText(dataBean.getTitle());
        holder.foodStrTv.setText(dataBean.getFood_str());
        Picasso.with(context).load(dataBean.getPic()).into(holder.foodIv);
        return convertView;
    }

    static class ViewHolder {
        ImageView foodIv;
        TextView foodNameTv;
        TextView foodStrTv;
    }
}


解析类FoodEntity:

public class FoodEntity {
    /**
     * ret : 1
     * data : [{"id":"8289","title":"油焖大虾","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/9/8289.jpg","collect_num":"1654","food_str":"大虾 葱 生姜 植物油 料酒","num":1654},{"id":"2127","title":"四川回锅肉","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/3/2127.jpg","collect_num":"1585","food_str":"猪肉 青蒜 青椒 红椒 姜片","num":1585},{"id":"30630","title":"超简单芒果布丁","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/31/30630.jpg","collect_num":"1519","food_str":"QQ糖 牛奶 芒果","num":1519},{"id":"9073","title":"家常红烧鱼","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/10/9073.jpg","collect_num":"1417","food_str":"鲜鱼 姜 葱 蒜 花椒","num":1417},{"id":"10097","title":"家常煎豆腐","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/11/10097.jpg","collect_num":"1404","food_str":"豆腐 新鲜红椒 青椒 葱花 油","num":1404},{"id":"10509","title":"水煮肉片","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/11/10509.jpg","collect_num":"1335","food_str":"瘦猪肉 生菜 豆瓣酱 干辣椒 花椒","num":1335},{"id":"46968","title":"红糖苹果银耳汤","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/47/46968.jpg","collect_num":"1244","food_str":"银耳 苹果 红糖","num":1244},{"id":"10191","title":"麻婆豆腐","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/11/10191.jpg","collect_num":"1212","food_str":"豆腐 肉末 生抽 白糖 芝麻油","num":1212},{"id":"2372","title":"皮蛋瘦肉粥","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/3/2372.jpg","collect_num":"1143","food_str":"大米 皮蛋 猪肉 油条 香葱","num":1143},{"id":"2166","title":"蚂蚁上树","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/3/2166.jpg","collect_num":"1138","food_str":"红薯粉 肉 姜 蒜 花椒","num":1138},{"id":"2262","title":"糖醋肉","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/3/2262.jpg","collect_num":"1072","food_str":"猪肉 红椒 黄椒 洋葱 蛋清","num":1072},{"id":"9971","title":"鱼香豆腐","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/10/9971.jpg","collect_num":"1002","food_str":"豆腐 木耳 胡萝卜 香葱 番茄酱","num":1002},{"id":"10172","title":"干煸四季豆","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/11/10172.jpg","collect_num":"987","food_str":"四季豆 干辣椒 蒜头 酱油 糖","num":987},{"id":"2685","title":"胡萝卜肉末蒸蛋","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/3/2685.jpg","collect_num":"913","food_str":"胡萝卜 肉 蛋 生抽 盐","num":913},{"id":"9972","title":"虎皮青椒","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/10/9972.jpg","collect_num":"887","food_str":"青辣椒 大蒜 香醋 白糖 生抽","num":887},{"id":"10437","title":"叉烧排骨","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/11/10437.jpg","collect_num":"795","food_str":"排骨 李锦记叉烧酱 植物油 清水 油菜","num":795},{"id":"2892","title":"\u201c五行\u201d彩蔬汤","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/3/2892.jpg","collect_num":"755","food_str":"黑木耳 玉米 牛蒡 胡萝卜 西兰花","num":755},{"id":"33783","title":"美人豆浆","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/34/33783.jpg","collect_num":"753","food_str":"黄豆 红豆 绿豆 黑豆 黑米","num":753},{"id":"2348","title":"麻辣肉丝面","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/3/2348.jpg","collect_num":"752","food_str":"面条 肉丝 淀粉 酱油 辣椒","num":752},{"id":"10044","title":"土豆炖翅根","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/11/10044.jpg","collect_num":"750","food_str":"土豆 翅根 葱 姜 料酒","num":750}]
     */

    private int ret;
    private List<DataBean> data;

    public int getRet() {
        return ret;
    }

    public void setRet(int ret) {
        this.ret = ret;
    }

    public List<DataBean> getData() {
        return data;
    }

    public void setData(List<DataBean> data) {
        this.data = data;
    }

    public static class DataBean {
        /**
         * id : 8289
         * title : 油焖大虾
         * pic : http://www.qubaobei.com/ios/cf/uploadfile/132/9/8289.jpg
         * collect_num : 1654
         * food_str : 大虾 葱 生姜 植物油 料酒
         * num : 1654
         */

        private String id;
        private String title;
        private String pic;
        private String collect_num;
        private String food_str;
        private int num;

        public String getId() {
            return id;
        }

        public void setId(String id) {
            this.id = id;
        }

        public String getTitle() {
            return title;
        }

        public void setTitle(String title) {
            this.title = title;
        }

        public String getPic() {
            return pic;
        }

        public void setPic(String pic) {
            this.pic = pic;
        }

        public String getCollect_num() {
            return collect_num;
        }

        public void setCollect_num(String collect_num) {
            this.collect_num = collect_num;
        }

        public String getFood_str() {
            return food_str;
        }

        public void setFood_str(String food_str) {
            this.food_str = food_str;
        }

        public int getNum() {
            return num;
        }

        public void setNum(int num) {
            this.num = num;
        }
    }
}


MainActivity:

public class MainActivity extends AppCompatActivity {

    private String path = "http://www.qubaobei.com/ios/cf/dish_list.php?stage_id=1&limit=100&page=1";
    private ListView listView;
    private List<FoodEntity.DataBean>  list = new ArrayList<>();
    private MyAdapter myAdapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        listView = (ListView) findViewById(R.id.listView);
        //实例化适配器
        myAdapter = new MyAdapter(list, this);
        //设置适配器
        listView.setAdapter(myAdapter);
        //启动异步任务
        new MyTask().execute(path);
        //添加监听器
        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                //获取数据并吐司出来
                String food_str = list.get(position).getFood_str();
                Toast.makeText(MainActivity.this, food_str, Toast.LENGTH_SHORT).show();
            }
        });

    }


    //定义一个下载数据的异步任务
    class MyTask extends AsyncTask<String, Void, String> {

        @Override
        protected String doInBackground(String... strings) {
            return getJSONFromNet(strings[0]);
        }

        @Override
        protected void onPostExecute(String s) {
            super.onPostExecute(s);
            if (!s.isEmpty()){
                Gson gson= new Gson();
                //解析
                FoodEntity foodEntity = gson.fromJson(s, FoodEntity.class);
                //获取解析后对象中的集合
                List<FoodEntity.DataBean> data = foodEntity.getData();
                //判断集合长度
                if (data!=null&&data.size()>0){
                    //填充数据源
                    list.addAll(data);
                    //刷新适配器
                    myAdapter.notifyDataSetChanged();
                }
            }
        }
    }

    //访问网络的方法
    private String getJSONFromNet(String path) {
        try {
            URL url = new URL(path);
            HttpURLConnection conn = (HttpURLConnection) url.openConnection();
            conn.setRequestMethod("GET");
            conn.setConnectTimeout(20 * 1000);
            conn.setReadTimeout(30 * 1000);
            conn.connect();
            if (conn.getResponseCode() == 200) {
                InputStream inputStream = conn.getInputStream();
                ByteArrayOutputStream outputStream = new ByteArrayOutputStream();
                int len = 0;
                byte[] bytes = new byte[1024];
                while ((len = inputStream.read(bytes)) != -1) {
                    outputStream.write(bytes, 0, len);
                }
                return outputStream.toString();
            }
        } catch (MalformedURLException e) {
            e.printStackTrace();
        } catch (ProtocolException e) {
            e.printStackTrace();
        } catch (IOException e) {
            e.printStackTrace();
        }
        return null;
    }
}


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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值