最近學的，現在來總結一下，也有幾天沒看了，所謂三天不練手生。所以還是得經常總結，複習複習。
步驟大致分為3步，詳細步驟在寫到的時候說明
1. json地址：http://api.1ccf.com/cook/list?page=1&limit=20,
圖片地址：”http://www.1ccf.com/” + 圖片id
2. 解析用到的json-jar包，我使用的是fastjson-1.1.34.android
3.開發思路：
a.佈局檔案
b.分析json資料格式-推薦json.cn線上格式化json，很給力，很清晰

c.Activity程式碼編寫

• 現在開始畫布局：
  activity_main.xml

<LinearLayout 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=".MainActivity">

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

</LinearLayout >

listview_item.xml

<?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="100dp"
    android:padding="5dp">

    <ImageView
        android:id="@+id/listview_item_iv"
        android:layout_width="90dp"
        android:layout_height="90dp"
        android:scaleType="centerCrop"
        android:src="@mipmap/ic_launcher"/>

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:layout_marginLeft="10dp"
        android:orientation="vertical">

        <TextView
            android:id="@+id/listview_item_tv_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="22sp"
            android:singleLine="true"
            android:ellipsize="end"
            android:text="青花椒燉童子雞"/>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:orientation="vertical">
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="18sp"
                android:textColor="#0182f2"
                android:text="材料："/>
            <TextView
                android:id="@+id/listview_item_tv_food"
                android:layout_width="wrap_content"
                android:layout_height="0dp"
                android:layout_weight="1"/>
        </LinearLayout>
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="right">
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textColor="#f00"
                android:text="標籤："/>
            <TextView
                android:id="@+id/listview_item_tv_tag"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:singleLine="true"
                android:ellipsize="end"
                android:textColor="#f00"/>
        </LinearLayout>

    </LinearLayout>
</LinearLayout>

效果圖（佈局醜不能怪我，藝術細菌為0.）：

• 然後開始寫程式碼吧。
  Food.java

public class Food {
    private String id;
    private String name;
    private String img;
    private String tag;
    private String food;
    private String count;
    private String fcount;
    private String rcount;

    <!-- getter,setter -->
}

MainActivity.java
listview的主要思路：
1. 尋找元件
2. 建立資料來源
3. 建立介面卡
4. 設定介面卡
圍繞這四點展開

部分程式碼：
class DataAsyncTask extends AsyncTask
資料來源下載並解析：
protected List<Food> doInBackground(String... params) {
            InputStream in = null;
            ByteArrayOutputStream baos = null;
            try {
                URL url = new URL(params[0]);   
               // params為execute方法中的引數     
                HttpURLConnection conn = 
                (HttpURLConnection) url.openConnection();
                conn.connect();
                if (conn.getResponseCode()== 200) { // 成功下載資料
                    in = conn.getInputStream();
                    baos = new ByteArrayOutputStream();
                    byte[] b = new byte[1024];
                    int len;
                    while ((len = in.read(b)) != -1) {
                        baos.write(b, 0, len);
                    }
                    baos.flush();
                    byte[] bytes = baos.toByteArray();
                    String data = new String(bytes, 0, bytes.length);   // 下載到的未解析的json資料
                    /* fastjson 解析data資料 */
                    JSONObject object = JSONObject.parseObject(data);   
                    JSONArray array = object.getJSONArray("yi18");
                    Food food = JSONArray.parseObject(array.toString(), Food.class);
                    list.add(food);
                    return list;
                }
            } catch (MalformedURLException e) {
                e.printStackTrace();
            } catch (IOException e) {
                e.printStackTrace();
            } finally { // 關閉流
                if (in != null) {
                    try {
                        in.close();
                    } catch (IOException e) {
                        e.printStackTrace();
                    }
                }
                if (baos != null) {
                    try {
                        baos.close();
                    } catch (IOException e) {
                        e.printStackTrace();
                    }
                }
            }
            return null;
        }

重點部分程式碼

/**
 * Created by 黃裕軍 on 2015/9/20.
 */
public class ListViewAdapter extends BaseAdapter {
    private Context context;
    private List<Food> data = new ArrayList<>();
    private LayoutInflater inflater;

    public ListViewAdapter(Context context) {
        this.context = context;
        inflater = LayoutInflater.from(context);
    }

    /**
     * 新增資料
     * @param list
     */
    public void addData(List<Food> list){
        this.data.addAll(list);
        notifyDataSetChanged(); // 通知介面卡資料有更新
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        MyViewHolder holder;
        if (convertView == null) {  // 優化：複用convertView 減少view的建立
            holder = new MyViewHolder(); // 優化：減少元件的findViewById的次數
            convertView = inflater.inflate(R.layout.listview_item,null);
            holder.food = (TextView) convertView.findViewById(R.id.listview_item_tv_food);
            holder.name = (TextView) convertView.findViewById(R.id.listview_item_tv_name);
            holder.tag = (TextView) convertView.findViewById(R.id.listview_item_tv_tag);
            holder.image = (ImageView) convertView.findViewById(R.id.listview_item_iv);
            convertView.setTag(holder);
        } else {
            holder = (MyViewHolder) convertView.getTag();
        }
        Food food = data.get(position);
        holder.food.setText(food.getFood());
        holder.name.setText(food.getName());
        holder.tag.setText(food.getTag());
        holder.image.setImageResource(R.mipmap.ic_launcher);// 圖片載入完成之前的預設圖片
        holder.image.setTag("http://www.1ccf.com/" + food.getImg()); // 圖片要另外下載，設定好圖片對應的圖片，以免出現圖片閃動多次
        new ImageAsyncTask(holder.image).execute("http://www.1ccf.com/" + food.getImg());
        return convertView;
    }

    class MyViewHolder{
        TextView name;
        TextView tag;
        TextView food;
        ImageView image;
    }

圖片下載的程式碼，和資料來源的下載差不多，所以不做註釋了

/**
     * 圖片下載執行緒
     */
    class ImageAsyncTask extends AsyncTask<String,Void,Bitmap>{
        private ImageView iv;
        private String path;
        public ImageAsyncTask(ImageView iv) {
            this.iv = iv;
        }

        @Override
        protected Bitmap doInBackground(String... params) {
            InputStream in = null;
            ByteArrayOutputStream baos = null;
            path = params[0];
            try {
                URL url = new URL(path);
                HttpURLConnection conn = (HttpURLConnection) url.openConnection();
                conn.connect();;
                if (conn.getResponseCode() == 200) {
                    in = conn.getInputStream();
                    baos = new ByteArrayOutputStream();
                    byte[] b = new byte[1024];
                    int len;
                    while ((len = in.read(b)) != -1) {
                        baos.write(b, 0, len);
                    }
                    baos.flush();
                    byte[] bytes = baos.toByteArray();
                    Bitmap bitmap = BitmapFactory.decodeByteArray(bytes, 0, bytes.length);
                    return bitmap;
                }
            } catch (MalformedURLException e) {
                e.printStackTrace();
            } catch (IOException e) {
                e.printStackTrace();
            } finally {
                if (in != null) {
                    try{
                        in.close();
                    } catch(IOException e){
                        e.printStackTrace();
                    }
                }
                if (baos!= null) {
                    try{
                        baos.close();
                    } catch(IOException e){
                        e.printStackTrace();
                    }
                }
            }
            return null;
        }

        @Override
        protected void onPostExecute(Bitmap bitmap) {
            // 圖片不為空，並且圖片地址等於iv的對應地址
            if (bitmap != null && path.equals(iv.getTag().toString())) {
                iv.setImageBitmap(bitmap);
            }
        }
    }

分頁加上之後就差不多了
現在是沒有加上快取的，所以當一個listview消失後要重新下載圖片
可以用快取來繼續優化

完成後的效果：