今天我們來對前面講過的知識綜合運用一下，包括xml的PULL解析，listView的萬能介面卡等知識。。。。

那先來看一個元件—->智慧圖片載入器（smart-image-view），它可以很方便的載入一張網路圖片。

SmartImageView的設計初衷是來取代Android自帶的ImgageView元件，另外它還提供了一些附加功能，如：

支援通過URL來載入圖片；

支援從電話簿中載入圖片；

非同步載入圖片；

圖片被快取在記憶體，以便下次快速載入顯示；

SmartImageView類可以被很容易擴充套件成對其它資源的呼叫；

而且使用起來非常簡單，使用步驟：

①將智慧圖片載入器的jar包或者原始碼下載下來。

②在xml佈局檔案中新增一個控制元件

<com.loopj.android.image.SmartImageView android:id="@+id/my_image" />

③獲取引用

SmartImageView myImage = (SmartImageView)this.findViewById(R.id.my_image);

④獲取網路圖片

myImage.setImageUrl("http://www.awesomeimages.com/myawesomeimage.jpg");

注：

獲取網路圖片，這個過程本身就是非同步。不必再進行處理，也不必擔心執行緒阻塞

網路獲取到的圖片都進行了快取的處理。會在程式的cache目錄下建/web_image_cache/，圖片存在這裡

再次使用的時候，如果快取圖片已經存在，則不再從網路獲取圖片
 

先看.setImageUrl都有什麼方法

1、最普通的一個，直接設定圖片地址
// Helpers to set image by URL
public void setImageUrl(String url) {
setImage(new WebImage(url));
}

2、有一個介面，完成下載的時候呼叫
public void setImageUrl(String url, SmartImageTask.OnCompleteListener completeListener) {
setImage(new WebImage(url), completeListener);
}

3、從字面意思可以看出，是一個備用的資源。如果從網路獲取圖片失敗，則使用備用資源
public void setImageUrl(String url, final Integer fallbackResource) {
setImage(new WebImage(url), fallbackResource);
}

4、類似上面
public void setImageUrl(String url, final Integer fallbackResource, SmartImageTask.OnCompleteListener completeListener) {
setImage(new WebImage(url), fallbackResource, completeListener);
}

5、多了一個loadingResource，就是正在下載的時候展示的圖片
public void setImageUrl(String url, final Integer fallbackResource, final Integer loadingResource) {
setImage(new WebImage(url), fallbackResource, loadingResource);
}

6、類似上面
public void setImageUrl(String url, final Integer fallbackResource, final Integer loadingResource, SmartImageTask.OnCompleteListener completeListener) {
setImage(new WebImage(url), fallbackResource, loadingResource, completeListener);
}

接下來我們可以來製作我們的簡易新聞客戶端了。

效果：

我們可以看到這是一個很簡單的新聞客戶端，沒錯，所以叫簡易的新聞，主要是為了綜合運用一下前面所講的東西。

下面開始分析：

①首先這個客戶端有兩個Activity，一個是新聞的列表，用一個ListView來裝，另外一個是詳情介面，只是將點選的新聞傳遞下去，沒有做太多。

那麼第一步就應該把資料獲取過來，現在只是測試一下，所以只是將新聞資料放在本地的伺服器上。這裡採用了HttpURLConnection的方式去想訪問伺服器。

URL url = new URL(path);
                    HttpURLConnection conn = (HttpURLConnection)url.openConnection();
                    conn.setRequestMethod("GET");
                    conn.setConnectTimeout(3000);
                    conn.setReadTimeout(3000);
                    conn.connect();
                    if (conn.getResponseCode() == 200) {
                         InputStream is = conn.getInputStream();
                         //使用PULL解析器解析這個流
                         parseNewsXml(is);
                    }else {
                        Message msg = Message.obtain();
                        msg.what = FAIL;
                        mHandler.sendMessage(msg);
                    }

②這裡伺服器返回的是xml檔案，所以我們應該對這個xml檔案進行解析。這裡選用PULL解析。

新聞資料：

news.xml

<?xml version="1.0" encoding="UTF-8" ?>
<newslist>
    <news>
        <title>安徽副省長羅馬</title>
        <detail>今天下午，中紀委通報安徽省副省長楊振超落馬，安徽是今年中央巡視組“回頭看”的四省份之一</detail>
        <comment>15687</comment>
        <image>http://192.168.30.1:8089/images/6.jpg</image>
    </news>
    <news>
        <title>程式設計師因寫程式碼太亂被殺害</title>
        <detail>凶手是死者同事，維護死者程式碼時完全看不懂而痛下殺手</detail>
        <comment>16359</comment>
        <image>http://192.168.30.1:8089/images/7.jpg</image>
    </news>
    <news>
        <title>產品經理因頻繁改需求被殺害</title>
        <detail>凶手是一名程式設計師，因死者對專案需求頻繁改動而痛下殺手</detail>
        <comment>14112</comment>
        <image>http://192.168.30.1:8089/images/7.jpg</image>
    </news>
    <news>
        <title>3Q大戰宣判: 騰訊獲賠500萬</title>
        <detail>最高法駁回360上訴, 維持一審宣判.</detail>
        <comment>6427</comment>
        <image>http://192.168.30.1:8089/images/1.jpg</image>
    </news>
    <news>
        <title>今日之聲:北大雕塑被戴口罩</title>
        <detail>市民: 因霧霾起訴環保局; 公務員談"緊日子": 堅決不出去.</detail>
        <comment>681</comment>
        <image>http://192.168.30.1:8089/images/2.jpg</image>
    </news>
    <news>
        <title>奧巴馬見達賴是裝蒜</title>
        <detail>外文局: 國際民眾認可中國大國地位;法院: "流量清零"未侵權.</detail>
        <comment>1359</comment>
        <image>http://192.168.30.1:8089/images/3.jpg</image>
    </news>
    <news>
        <title>輕鬆一刻: 我要沉迷學習不自拔</title>
        <detail>放假時我醒了不代表我起床了, 如今我起床了不代表我醒了!</detail>
        <comment>11616</comment>
        <image>http://192.168.30.1:8089/images/4.jpg</image>
    </news>
    <news>
        <title>男女那些事兒</title>
        <detail>"媽, 我在東莞被抓, 要2萬保釋金, 快匯錢到xxx!"</detail>
        <comment>10339</comment>
        <image>http://192.168.30.1:8089/images/5.jpg</image>
    </news>
    <news>
        <title>帥哥語錄一</title>
        <detail>少壯不努力，老大做IT</detail>
        <comment>14612</comment>
        <image>http://192.168.30.1:8089/images/8.jpg</image>
    </news>
    <news>
        <title>帥哥語錄二</title>
        <detail>問君能有幾多愁，恰似調完程式碼改需求</detail>
        <comment>13230</comment>
        <image>http://192.168.30.1:8089/images/8.jpg</image>
    </news>
    <news>
        <title>帥哥語錄三</title>
        <detail>覺得我帥的人工資一般都比較高</detail>
        <comment>9928</comment>
        <image>http://192.168.30.1:8089/images/8.jpg</image>
    </news>
    <news>
        <title>今日之聲:北大雕塑被戴口罩</title>
        <detail>市民: 因霧霾起訴環保局; 公務員談"緊日子": 堅決不出去.</detail>
        <comment>681</comment>
        <image>http://192.168.30.1:8089/images/2.jpg</image>
    </news>

</newslist>

如果你下載下來進行測試的話，請記得將xml檔案中的圖片標籤的ip地址改為自己本機的ip地址。

解析方法：

/**
     * 使用PULL解析
     * @param is 輸入流
     */
    protected void parseNewsXml(InputStream is) {
        XmlPullParser xp = Xml.newPullParser();
        try {
            //解析輸出流的位置
            xp.setInput(is, "utf-8");
            int eventType = xp.getEventType();
            while (eventType != XmlResourceParser.END_DOCUMENT) {
                switch (eventType) {
                case XmlResourceParser.START_DOCUMENT:
                    mNewsList = new ArrayList<News>();
                    break;
                case XmlResourceParser.START_TAG:
                    if ("news".equals(xp.getName())) {
                        news = new News();
                    }else if ("title".equals(xp.getName())) {
                        news.setTitle(xp.nextText());
                    }else if ("detail".equals(xp.getName())) {
                        news.setDetail(xp.nextText());
                    }else if ("comment".equals(xp.getName())) {
                        news.setComment(xp.nextText());
                    }else if ("image".equals(xp.getName())) {
                        news.setimageUrl(xp.nextText());
                    }
                    break;
                case XmlResourceParser.END_TAG:
                    if ("news".equals(xp.getName())) {
                        mNewsList.add(news);
                        news = null;
                    }
                    break;
                default:
                    break;
                }
                eventType = xp.next();
            }
            Message msg = Message.obtain();
            msg.what = SUCCESS;
            mHandler.sendMessage(msg);
        } catch (XmlPullParserException e) {
            e.printStackTrace();
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

③使用萬能介面卡將新聞資料顯示在ListView上。

④新增網路許可權

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

public class NewsAdapter extends CommonAdapter<News>{

    public NewsAdapter(Context context, List<News> data, int layoutId) {
        super(context, data, layoutId);
    }
    @Override
    public void current(ViewHolder holder, Object object) {
        News news = (News) object;
        ((TextView)holder.getView(R.id.tv_title)).setText(news.getTitle());
        ((TextView)holder.getView(R.id.tv_detail)).setText(news.getDetail());
        ((TextView)holder.getView(R.id.tv_comment)).setText(news.getComment() + "條評論");
        ((SmartImageView)holder.getView(R.id.siv)).setImageUrl(news.getimageUrl());
    }

}

大家如果看了我前面的文章，這個新聞客戶端應該就很簡單了，如果有不懂，請看我前面的萬能介面卡、PULL解析的文章，我這裡就不多說了。