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浏览器和手机浏览器浏览网页逻辑。

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