Android(java)学习笔记206:利用开源SmartImageView优化网易新闻RSS客户端

时间:2024-03-26 21:32:56

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

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

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

Android(java)学习笔记206:利用开源SmartImageView优化网易新闻RSS客户端

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

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

Android(java)学习笔记206:利用开源SmartImageView优化网易新闻RSS客户端

3.下载项目代码到本地PC上,如下:

Android(java)学习笔记206:利用开源SmartImageView优化网易新闻RSS客户端

解压之后文件内部如下:

Android(java)学习笔记206:利用开源SmartImageView优化网易新闻RSS客户端

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

Android(java)学习笔记206:利用开源SmartImageView优化网易新闻RSS客户端

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

Android(java)学习笔记206:利用开源SmartImageView优化网易新闻RSS客户端

 

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 :

Android(java)学习笔记206:利用开源SmartImageView优化网易新闻RSS客户端

(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)这时候再次布署程序到模拟器上,如下:

Android(java)学习笔记206:利用开源SmartImageView优化网易新闻RSS客户端

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

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

Android(java)学习笔记206:利用开源SmartImageView优化网易新闻RSS客户端

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

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

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

Android(java)学习笔记206:利用开源SmartImageView优化网易新闻RSS客户端

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

Android(java)学习笔记206:利用开源SmartImageView优化网易新闻RSS客户端

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

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

Android(java)学习笔记206:利用开源SmartImageView优化网易新闻RSS客户端

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

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