Android网络框架-Volley实践 使用Volley打造自己定义ListView

时间:2021-12-08 15:28:40

这篇文章翻译自Ravi Tamada博客中的Android Custom ListView with Image and Text using Volley

终于效果

Android网络框架-Volley实践 使用Volley打造自己定义ListView

这个ListView呈现了一些影视信息,每一行是一个影片的信息,每一行中有一张电影的图片,电影的名字、评分、类型、年份等信息。

1.json数据

我们通过解析json然后拿到数据,这个json数据包含json数组。每一个json数组中是一个json对象,json对象中包含了电影的图片url地址、标题、年份、评分、类型等信息

JSON Url:http://api.androidhive.info/json/movies.json

2.下载Volley库(volley.jar)

假设你第一次使用Volley框架,我建议你去我之前的文章看一下Android网络框架-Volley(一) 工作原理分析 。然后到百度上下载一个volley.jar。加入到项目的lib目录里面

3.布局分析

我选择了RelativeLayout来实现这个布局,图片我们使用volley提供的NetworkImageView

Android网络框架-Volley实践 使用Volley打造自己定义ListView

如今我们来新建一个Android项目

4.创建一个新的项目

1.打开eclipse,点击File-->New-->Android Application Project。填好基本信息后,我们把包名命名为info.androidhive.customlistviewvolley

2.将volley.jar加入到项目的lib目录下

3.我们先把包建好。我们一共分为4个包: adapter, app, model 和 util  。

如今我们项目结构例如以下:

info.androidhive.customlistviewvolley.adater
info.androidhive.customlistviewvolley.app
info.androidhive.customlistviewvolley.model
info.androidhive.customlistviewvolley.util

4.打开res/values/colors.xml。

假设没有colors.xml,我们就自己创建一个。然后加入例如以下代码

5.打开res/values/dimens.xml。加入例如以下代码

6.在写jsva代码之前,我们先完毕UI部分,在res下新建一个drawable目录,在res/drawable中新建3个xml文件: list_row_bg.xml、list_row_bg_hover.xmllist_row_selector.xml

list_row_bg.xml -没有被点击时listview的样式
list_row_bg_hover.xml -被点击后listview的样式
list_row_selector.xml -切换两种样式的slector文件
7.打开 activity_main.xml 加入listview

8.创建每一个item的布局文件 list_row.xml
UI部分我们已经完毕了,接下来是java代码部分
9.在util包下新建 LruBitmapCache.java  这个类是用来缓存图片的,这个类我们在之前文章中已经分析过了。參见 Android网络框架-Volley(二) RequestQueue源代码分析以及建立一个RequestQueue
10.在app包下新建 AppController.java  这个类是用来创建一个单例RequestQueue的,以及初始化一些volley核心对象
11.如今我们要在 AndroidManifest.xml  中注冊这个AppController,而且加入上网络权限
12.如今在model包下创建一个Movie实体类,解析完的json数据会保存到这个实体类中
13.在adapter包下新建一个 CustomListAdapter.java  adapter会将item布局载入出来。而且将数据显示到listview上面
14.打开我们的MainActivity.java。

加入例如以下代码,我们使用JsonArrayRequest来发送请求,发送json请求我们在Android网络框架-Volley(四) 使用get和post方法发送json请求 已经讲过了。我们将解析来的Movie对象存储在一个ArrayList中,调用notifyDataSetChanged()方法通知listview去更新我们的数据。