Android 图文混排 异步加载图片

学习老罗课程的练习实例

1.原始json数据来自图灵机器人，URL为：http://www.tuling123.com/openapi/api?key=36082454b270b90d0900d25172097c98&info=%E9%85%92%E5%BA%97%E8%A5%BF%E5%AE%89。

json数据内容：

{"code":309000,"text":"亲，已帮您找到相关酒店","list":[{"name":"科逸连锁酒店西安东五路店","price":"¥ 94 起","icon":"http://himg.qunarzz.com/imgs/201311/21/NNNN2dcn2eNDs4qZN76.jpg","satisfaction":"经济型 4.0分/86评论 夜销","detailurl":""},{"name":"西安秦逸轩酒店","price":"¥ 141 起","icon":"http://himg.qunarzz.com/imgs/201311/01/GBUui7a0CnBXJ_p-776.jpg","satisfaction":"三星及舒适 4.5分/349评论 团 夜销","detailurl":""},{"name":"7天连锁酒店西安北大街地铁站莲湖...","price":"¥ 115 起","icon":"http://himg.qunarzz.com/imgs/201408/09/C.vl_s-HrNagwRlvMOb76.jpg","satisfaction":"经济型 4.3分/35评论 夜销","detailurl":""},{"name":"西安天域凯莱大饭店","price":"¥ 373 起","icon":"http://himg.qunarzz.com/imgs/201311/20/JhS1_thYpqAzJGq3J76.jpg","satisfaction":"五星级酒店 4.2分/376评论 夜销","detailurl":""},{"name":"西安左右客酒店","price":"¥ 432 起","icon":"http://himg.qunarzz.com/imgs/201410/10/Z7-ECTZWD9VeDR0UZ76.jpg","satisfaction":"高档(同四星) 4.4分/165评论 夜销","detailurl":""},{"name":"全季酒店西安北大街西五路店","price":"¥ 209 起","icon":"http://himg.qunarzz.com/imgs/201312/19/hFg6ita7XPcOSumyt76.jpg","satisfaction":"三星及舒适 4.6分/207评论 夜销","detailurl":""},{"name":"如家快捷西安钟楼东大街万达广场店","price":"¥ 95 起","icon":"http://himg.qunarzz.com/imgs/201105/14/88urcV8OW7zEFIek876.jpg","satisfaction":"经济型 4.3分/891评论 团 夜销","detailurl":""},{"name":"西安美桐年华酒店","price":"¥ 170 起","icon":"http://himg.qunarzz.com/imgs/201306/18/JhS1_tJdRiTaE_7QJ76.jpg","satisfaction":"二星及其他 4.5分/108评论 夜销","detailurl":""},{"name":"西安未来城好家商务酒店","price":"¥ 106 起","icon":"http://himg.qunarzz.com/imgs/201212/12/nz078uvDK4gMYrmEv76.jpg","satisfaction":"三星及舒适 4.0分/143评论 夜销","detailurl":""},{"name":"银座佳驿连锁酒店西安文艺北路店","price":"¥ 98 起","icon":"http://himg.qunarzz.com/imgs/201305/28/NNNN2dNl-61nwbNVN76.jpg","satisfaction":"经济型 4.2分/199评论 夜销","detailurl":""},{"name":"锦江之星西安大雁塔店","price":"¥ 149 起","icon":"http://himg.qunarzz.com/imgs/201306/25/x-bNpIC1E3PXt7jeC76.jpg","satisfaction":"经济型 4.5分/328评论 夜销","detailurl":""},{"name":"陕西晶顿酒店","price":"¥ 89 起","icon":"http://himg.qunarzz.com/imgs/201312/16/JhS1_thzpTZNh8jaJ76.jpg","satisfaction":"三星及舒适 4.4分/114评论 团 夜销","detailurl":""},{"name":"全季酒店西安钟楼新城广场店","price":"¥ 209 起","icon":"http://himg.qunarzz.com/imgs/201409/05/JhS1_tJMREmGkx0fJ76.jpg","satisfaction":"高档(同四星) 4.4分/35评论 团 夜销","detailurl":""},{"name":"西安新润水晶岛酒店","price":"¥ 318 起","icon":"http://himg.qunarzz.com/imgs/201203/12/Z7-ECTk6nr2kNI1kZ76.jpg","satisfaction":"高档(同四星) 4.3分/132评论 夜销","detailurl":""},{"name":"西安苹果之歌温泉酒店","price":"¥ 259 起","icon":"http://himg.qunarzz.com/imgs/201309/29/JhS1_thXpjy5bU3WJ76.jpg","satisfaction":"高档(同四星) 4.7分/175评论 夜销","detailurl":""}]}2.activity_main.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >

<ListView
android:id="@+id/listview"
android:layout_width="fill_parent"
android:layout_height="wrap_content" >
</ListView>

</LinearLayout>

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="match_parent" >

<TextView
android:id="@+id/textView_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_marginLeft="14dp"
android:layout_marginTop="25dp"
android:text="TextView" />

<TextView
android:id="@+id/textView_price"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/textView_name"
android:layout_below="@+id/textView_name"
android:layout_marginTop="14dp"
android:text="TextView" />

<ImageView
android:id="@+id/imageView_icon"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_alignTop="@+id/textView_name"
android:src="@drawable/ic_launcher" />

</RelativeLayout>
3.Hotel类

package com.kelly.handler_product.bean;

public class Hotel {

private String name;
private String price;
private String icon_path;

public Hotel() {

}

public Hotel(String name, String price, String icon_path) {

this.name = name;
this.price = price;
this.icon_path = icon_path;
}

public String getName() {
return name;
}

public void setName(String name) {
this.name = name;
}

public String getPrice() {
return price;
}

public void setPrice(String price) {
this.price = price;
}

public String getIcon_path() {
return icon_path;
}

public void setIcon_path(String icon_path) {
this.icon_path = icon_path;
}

}


4.适配器MyAdapter

package com.kelly.handler_product;

import java.util.List;

import android.content.Context;
import android.graphics.drawable.Drawable;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import com.kelly.handler_product.LoadNetPic.ImageCallback;
import com.kelly.handler_product.bean.Hotel;

public class MyAdapter extends BaseAdapter {

private Context context;
private LayoutInflater inflater;
private List<Hotel> list = null;

public MyAdapter() {
// TODO Auto-generated constructor stub
}

public MyAdapter(Context context) {
this.context = context;
this.inflater = inflater.from(context);
}

public void setData(List<Hotel> list) {
this.list = list;
}

@Override
public int getCount() {
// TODO Auto-generated method stub
return list.size();
}

@Override
public Object getItem(int position) {
// TODO Auto-generated method stub
return list.get(position);
}

@Override
public long getItemId(int position) {
// TODO Auto-generated method stub
return position;
}

@Override
public View getView(int position, View convertView, ViewGroup parent) {

ViewHolder viewHolder = null;
if (convertView == null) {
convertView = inflater.inflate(R.layout.item, null);

viewHolder = new ViewHolder();
viewHolder.textView_name = (TextView) convertView
.findViewById(R.id.textView_name);
viewHolder.textView_price = (TextView) convertView
.findViewById(R.id.textView_price);
viewHolder.imageView_icon = (ImageView) convertView
.findViewById(R.id.imageView_icon);

convertView.setTag(viewHolder);

} else {

viewHolder = (ViewHolder) convertView.getTag();

}
viewHolder.textView_name.setText(list.get(position).getName());
viewHolder.textView_price.setText(list.get(position).getPrice());
// 这句是不得已啊，因为匿名内部类中要求必须是final 类型
final ImageView imageView = viewHolder.imageView_icon;
String image_path = list.get(position).getIcon_path();
// 如何加载网络图片
LoadNetPic loadNetPic = new LoadNetPic(image_path);
loadNetPic.loadImage(new ImageCallback() {

@Override
public void getDrawable(Drawable drawable) {

imageView.setImageDrawable(drawable);

}
});

return convertView;
}

private static class ViewHolder {
public TextView textView_name;
public TextView textView_price;
public ImageView imageView_icon;

}

}


5.LoadNetPic.java下载网络图片 （接口回调）

package com.kelly.handler_product;

import java.io.IOException;
import java.net.MalformedURLException;
import java.net.URL;

import android.graphics.drawable.Drawable;
import android.os.Handler;
import android.os.Message;

public class LoadNetPic {

private String image_path;

public LoadNetPic(String image_path) {

this.image_path = image_path;
}

// 接口的回调
public interface ImageCallback {

public void getDrawable(Drawable drawable);
}

public void loadImage(final ImageCallback callback) {
final Handler handler = new Handler() {

@Override
public void handleMessage(Message msg) {

super.handleMessage(msg);

callback.getDrawable((Drawable) msg.obj);
}
};

new Thread(new Runnable() {

@Override
public void run() {

try {
Drawable drawable = Drawable.createFromStream(new URL(
image_path).openStream(), "");
Message message = Message.obtain();
message.obj = drawable;
handler.sendMessage(message);

} catch (MalformedURLException e) {

e.printStackTrace();
} catch (IOException e) {

e.printStackTrace();
}

}
}).start();

}

}


6.MainActivity.java

package com.kelly.handler_product;

import java.io.IOException;
import java.util.ArrayList;
import java.util.List;

import org.apache.http.HttpEntity;
import org.apache.http.HttpResponse;
import org.apache.http.client.ClientProtocolException;
import org.apache.http.client.HttpClient;
import org.apache.http.client.methods.HttpPost;
import org.apache.http.impl.client.DefaultHttpClient;
import org.apache.http.util.EntityUtils;
import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;

import com.kelly.handler_product.bean.CommonUrl;
import com.kelly.handler_product.bean.Hotel;

import android.os.AsyncTask;
import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.widget.ListView;

public class MainActivity extends Activity {

private ListView listView;
private MyAdapter adapter;
private MyTask myTask;
private List<Hotel> hotellist;

protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

listView = (ListView) findViewById(R.id.listview);
adapter = new MyAdapter(this);
String url = CommonUrl.url;
new MyTask().execute(url);

}

public class MyTask extends AsyncTask<String, Integer, List<Hotel>> {

@Override
protected void onPreExecute() {

hotellist = new ArrayList<Hotel>();
super.onPreExecute();
}

@Override
protected List<Hotel> doInBackground(String... params) {
// TODO Auto-generated method stub
// 连接网络获取json数据并进行解析

try {
HttpClient client = new DefaultHttpClient();
HttpPost get = new HttpPost(params[0]);
HttpResponse response = client.execute(get);

int code = response.getStatusLine().getStatusCode();
if (code == 200) {
HttpEntity entity = response.getEntity();
String jsonString = EntityUtils.toString(entity, "UTF-8");
JSONObject root = new JSONObject(jsonString);
JSONArray jsonArray = root.getJSONArray("list");
for (int i = 0; i < jsonArray.length(); i++) {
Hotel hotel = new Hotel();
JSONObject object = jsonArray.getJSONObject(i);
String name = object.getString("name");
String price = object.getString("price");
String icon_path = object.getString("icon");
hotel.setName(name);
hotel.setPrice(price);
hotel.setIcon_path(icon_path);
hotellist.add(hotel);
}

}

} catch (ClientProtocolException e) {

e.printStackTrace();
} catch (IOException e) {

e.printStackTrace();
} catch (JSONException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}

return hotellist;
}

@Override
protected void onPostExecute(List<Hotel> result) {
// TODO Auto-generated method stub
super.onPostExecute(result);
adapter.setData(result);
listView.setAdapter(adapter);
adapter.notifyDataSetChanged();// 不要忘了这句
}

}

}


其中还有很多可以优化的地方，例如缓存图片等

代码下载地址：点击打开链接