天天看點

Android ListView&異步加載的學習(一)

1.ListView中關于API的運用。

首先需要布局單個item的界面,再布局ListView界面,以ListView的每一行調用一個item布局來顯示資訊。資料資訊用到Json格式的API(網站背景提供的接口)

----MainActivity中聲明并初始化ListView控件

----請求網絡擷取Json資料:記錄請求網址private String URL="http://www.imooc.com/api/teacher?type=4&num=30";

public class MainActivity extends Activity {
    private ListView mListView;
    private static String URL="http://www.imooc.com/api/teacher?type=4&num=30";
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mListView= (ListView) findViewById(R.id.lv_main);
        new NewsAsyncTask().execute(URL);
    }
           

----寫資料源,建立一個NewsBean類,封裝資料源。NewsBean.java如下:

package com.example.administrator.news;

public class NewsBean {
    public String newsIconURL;
    public String newsTitle;
    public String newsContent;
}
           

----寫内部類NewsAsyncTask繼承AsyncTask,AsyncTask<傳值,程序,傳回值>。在doInBackground方法中擷取URL中的Json資料,并傳回NewsBean類型資料

class NewsAsyncTask extends AsyncTask<String,Void,List<NewsBean>>{

        @Override
        protected List<NewsBean> doInBackground(String... params) {

            return getJsonData(params[0]);
        }
    }
           

----寫getJsonData()方法擷取Json資料,轉換為NewsBean類型資料;通過InputStream讀取網絡資訊:

通過readStream方法傳入一個位元組流is,通過InputStreamReader将位元組流轉換為字元流isr,BufferedReader将字元流isr讀取出來,最終拼接到result裡面;通過InputStream擷取Json格式的字元串【(new URL(url).openStream)将getJsonData的參數url傳入URL()方法】。完成了整個資料的讀取,讀取了Json格式的字元串

//通過InputStream讀取網絡資訊
    private String readStream(InputStream is){
        InputStreamReader isr;
        String result = "";
        try {
            String line = "";
            isr=new InputStreamReader(is,"utf-8");//指定字元集格式utf-8
            BufferedReader br=new BufferedReader(isr);
            //通過while循環讀資料
            try {
                while ((line=br.readLine())!=null){
                    result+=line;
                }
            } catch (IOException e) {
                e.printStackTrace();
            }
        } catch (UnsupportedEncodingException e) {
            e.printStackTrace();
        }
        return result;
    }
           

*tips:通過轉化獲得的Json格式的字元串是一串網絡加密的字元串,在浏覽器中自動進行轉化

----解析Json到List中:在API中,JSONArray是[]包裹起來的一個數組,其中的每一個元素都是一個JsonObject,JsonObject是{}包裹起來的一個對象。可以說一個JSONArray由一個到多個JsonObject組成。通過周遊獲得每一個 JSONObject的值,并将值傳入NewsBean,就可以将Json類型資料轉化為NewsBean類型資料

Android ListView&amp;異步加載的學習(一)
private List<NewsBean> getJsonData(String url) {
        List<NewsBean> newsBeanList=new ArrayList<>();
        try {
            String jsonString=readStream(new URL(url).openStream());
            JSONObject jsonObject;
            NewsBean newsBean;
            try {
                jsonObject=new JSONObject(jsonString);//取JsonArray轉換為JsonObject
                JSONArray jsonArray=jsonObject.getJSONArray("data");//data即API中data
                for(int i=0;i<jsonArray.length();i++){
                    jsonObject=jsonArray.getJSONObject(i);
                    //将值傳入NewsBean中
                    newsBean=new NewsBean();
                    newsBean.newsIconURL=jsonObject.getString("picSmall");
                    newsBean.newsTitle=jsonObject.getString("name");
                    newsBean.newsContent=jsonObject.getString("description");
                    newsBeanList.add(newsBean);
                }
            } catch (JSONException e) {
                e.printStackTrace();
            }
        } catch (IOException e) {
            e.printStackTrace();
        }
        return newsBeanList;
    }
           

---- 建立資料擴充卡:建立NewsAdapter類繼承Adapter,重寫Adapter類中的方法:

建立兩個成員變量分别接收上下文和資料源;建立内部類ViewHolder封裝item中的控件來避免重複的FindViewById操作造成大量的系統資源消耗;重寫getView方法;如果convertView為空,則初始化ViewHolder類對象,找到item_layout,通過inflate方法指派給convertView;對ViewHolder類對象中的成員變量進行findViewById操作,将找到的控件儲存到viewHolder對象中;通過setTag方法建立convertView和viewHolder之間的關聯關系;若convertView不為空,則不必重複建立View類對象消耗系統資源,直接使用getTag方法擷取viewHolder中儲存的控件;之後用ViewHolder類中的成員變量将資料源中的資料設定到item中去

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import java.util.List;

public class NewsAdapter extends BaseAdapter {
    private List
   
     mList;
    private LayoutInflater mInflater;

    public NewsAdapter(Context context,List
    
      data){
        mList=data;
        mInflater=LayoutInflater.from(context);
    }

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

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

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

    ViewHolder viewHolder;
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        if (convertView==null){
            viewHolder=new ViewHolder();
            convertView=mInflater.inflate(R.layout.item_layout,null);
            viewHolder.ivIcon= (ImageView) convertView.findViewById(R.id.iv_icon);
            viewHolder.tvTitle= (TextView) convertView.findViewById(R.id.tv_title);
            viewHolder.tvContent= (TextView) convertView.findViewById(R.id.tv_content);
            convertView.setTag(viewHolder);
        }else {
            viewHolder= (ViewHolder) convertView.getTag();
        }
        viewHolder.ivIcon.setImageResource(R.drawable.ic_launcher);
        viewHolder.tvTitle.setText(mList.get(position).newsTitle);
        viewHolder.tvContent.setText(mList.get(position).newsContent);
        return convertView;
    }
    class ViewHolder{
        private ImageView ivIcon;
        private TextView tvTitle;
        private TextView tvContent;
    }
}
    
   
           

----将生成的NewsBean設定給Execute,實作異步加載:内部類NewsAsyncTask中重寫onPostExecute方法,将擴充卡配置給ListView

protected void onPostExecute(List<NewsBean> newsBeans) {
            super.onPostExecute(newsBeans);
            NewsAdapter adapter=new NewsAdapter(MainActivity.this,newsBeans);
            mListView.setAdapter(adapter);
        }