Android（java）学习笔记149：利用开源SmartImageView优化网易新闻RSS客户端

1.我们自己编写的SmartImageView会有很多漏洞，但是我们幸运的可以在网上利用开源项目的，开源项目中有很多成熟的代码，比如SmartImageView都编写的很成熟的

国内我们经常用到https://github.com/  或者 http://code.google.org/ （但是google在中国屏蔽很厉害），暂时我们可以使用http://code.taobao.org（淘宝开源项目）

2.我们登录 https://github.com/  ：搜索 smart image view，如下：

我们选择开源项目通常都是选择使用者数量最多的，因为使用者越多，项目本身就越完善（很多人修复升级项目，再发布出来）；

这里我们就是选择第一个：loopj/android-smart-image-view，如下：

3.下载项目代码到本地PC上，如下：

解压之后文件内部如下：

我们需要的代码就在src文件下，进入src内部如下：

复制整个com文件夹内容 到 我们之间编写的Android（java）学习笔记205中网易新闻客户端，如下：

 

4.优化程序代码如下：

（1）进入item.xml：

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

    <com.loopj.android.image.SmartImageView    //改成新的SmartImageView的全路径：com.loopj.android.image.SmartImageView
        android:id="@+id/iv_item"
        android:layout_width="100dip"
        android:layout_height="80dip" />

    <TextView
        android:id="@+id/tv_item_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="5dip"
        android:layout_marginTop="5dip"
        android:layout_toRightOf="@id/iv_item"
        android:singleLine="true"
        android:text="我是标题"
        android:textColor="#000000"
        android:textSize="19sp" />

    <TextView
        android:id="@+id/tv_item_desc"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/tv_item_title"
        android:layout_marginLeft="5dip"
        android:layout_marginTop="1dip"
        android:layout_toRightOf="@id/iv_item"
        android:lines="2"
        android:text="我是描述,我们都是好孩子"
        android:textColor="#AA000000"
        android:textSize="14sp" />

    <TextView
        android:id="@+id/tv_item_type"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="2dip"
        android:layout_alignParentRight="true"
        android:layout_below="@id/tv_item_desc"
        android:background="#ff0000"
        android:text="直播" />

</RelativeLayout>

（2）进入MainActivity.java中，SmartImageView导入包也要变化，由之前的com.himi.news.ui 换成为 com.loopj.android.image ：

（3）修改SmartImageView代码块；

package com.himi.news;

import java.util.List;

import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

import com.himi.news.domain.NewsItem;
import com.himi.news.net.NewsUtils;
import com.loopj.android.image.SmartImageView;


public class MainActivity extends Activity {
    protected static final int SUCCESS = 0;
    protected static final int ERROR = 1;
    private ListView lv;
    private Handler handler = new Handler() {
        public void handleMessage(android.os.Message msg) {
            switch (msg.what) {
            case SUCCESS:
                lv.setAdapter(new NewsAdapter());
                break;

            case ERROR:
                Toast.makeText(MainActivity.this, "请求失败，获取失败", 0).show();
                break;
            }
            
        };
    };
    
    /**
     * 所有的新闻信息
     */
    
    private List<NewsItem> newsItems;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        lv = (ListView)findViewById(R.id.lv);
        
        new Thread() {
            public void run() {
                try {
                    newsItems = NewsUtils.getAllNews(MainActivity.this);
                    Message msg = Message.obtain();
                    msg.what = SUCCESS;
                    handler.sendMessage(msg);
                } catch (Exception e) {
                    // TODO 自动生成的 catch 块
                    e.printStackTrace();
                    Message msg = Message.obtain();
                    msg.what = ERROR;
                    handler.sendMessage(msg);
                }
            };
        }.start();
    }

    
    private class NewsAdapter extends BaseAdapter {

        public int getCount() {
            return newsItems.size();
        }

        public View getView(int position, View convertView, ViewGroup parent) {
            View view ;
            if(convertView == null) {
                view = View.inflate(MainActivity.this, R.layout.item, null);
            }else {
                view = convertView;
            }
            
            SmartImageView iv = (SmartImageView) view.findViewById(R.id.iv_item);
            TextView tv_title = (TextView) view.findViewById(R.id.tv_item_title);
            TextView tv_desc = (TextView) view.findViewById(R.id.tv_item_desc);
            TextView tv_type = (TextView) view.findViewById(R.id.tv_item_type);
            NewsItem item = newsItems.get(position);
            
            //iv.setImageUrl(item.getImage());
/**
 *  开源项目SmartImageView的方法：public void setImageUrl(String url, final Integer fallbackResource):
 * 获取对应Url路径下的图片资源，如果无法获取或者获取失败，就会返回fallbackResource,这里我们设置为图片资源R.drawable.error
 */
            iv.setImageUrl(item.getImage(), R.drawable.error);
            tv_title.setText(item.getTitle());
            tv_desc.setText(item.getDesc());
            int type = item.getType();
            if(type==1) {
                tv_type.setText("评论："+item.getComment());
            }else if(type==2) {
                tv_type.setText("直播");
                tv_type.setBackgroundColor(Color.RED);
            }else if(type==3) {
                tv_type.setText("视频");
                tv_type.setBackgroundColor(Color.BLUE);
            }
            
            return view;
        }

        public Object getItem(int position) {
            return null;
        }

        public long getItemId(int position) {
            return 0;
        }

        
    }
}

（4）这时候再次布署程序到模拟器上，如下：

（5）接下来我们模拟出一个场景，就是获取网络图片的路径出错，是不是会出现类似"加载失败"的页面；

首先我们在PC端Web服务器Apache的安装目录下的htdocs文件夹下，找到并且打开news.xml，如下:

将第一条新闻的 <image>标签指引图片路径：

由原来的 <image>http://49.123.72.40/img/a.jpg</image>   改成  <image>http://49.123.72.40/img/aa.jpg</image>

这里应该是网易新闻客户端是访问不到这个图片的，模拟器程序退出重新进入，效果如下：

当我们把路径改回去 <image>http://49.123.72.40/img/a.jpg</image>，模拟器程序退出重新进入，效果如下：

（6）与此同时，我们下次网易新闻客户端 再次访问这个news.xml文件的时候，就会从缓冲里面取，如下：

/data/data/com.himi.news/cache/web_image_cache:

这里的web_image_cache文件下的4个文件就是每条新闻的缓存文件，下次应用程序再次访问这个网页news.xml的时候，程序就会从本地缓存取数据，这样就速度更快，这也是真实的PC浏览器和手机浏览器浏览网页逻辑。

这里我们的开源项目已经全部实现这些缓存还有其他的功能，我们只要知道如何使用就行。