练手小项目之新闻类（4）Listview图片混排

最新推荐文章于 2020-12-22 16:42:29 发布

Jack_King007

最新推荐文章于 2020-12-22 16:42:29 发布

阅读量1.4k

点赞数

分类专栏：高仿著名APP开发类案例法学安卓文章标签：新闻网易

本文链接：https://blog.csdn.net/jack_king007/article/details/40918817

版权

案例法学安卓同时被 2 个专栏收录

29 篇文章 3 订阅

订阅专栏

高仿著名APP开发类

8 篇文章 0 订阅

订阅专栏

这就图片混排的效果

先解析数据吧还是和上一篇一样的 HttpUtils的工具类所以直接调用进行解析

看看json数据的结构

json数据分四层

第一层解析出特征码如果连接成功后解析 paramz 里面的内容并创建

JSONObject jsonObject2 = JSONObject
.parseObject(jsonObject.getString("paramz"));

第二层从paramz里面解析出feeds gen

String strJSONArray = jsonObject2
.getString("feeds");

并且feeds 是一个数组这时候需要一个集合来接收里面的内容同时创立实体类实体类是根据json的数据结构来创立其中其中feeds 里面还有一个层datas 因为不是数据所以要用 private NewsData data; 同时也要建立一个集合来接受数据

package com.example.android20_lzhxw.beans;
/**
 * 新闻实体类：将来会被用在List的item上的数据
 * 添加getters  setters
 * 添加构造方法：有（全部）参数构造方法、无参构造
 * 重写toString()：类名和所有属性的值
 * @author cj
 */
public class News {
	private String id,oid,category;
	private NewsData data;
//	 "id": 168553,
//     "oid": 166138,
//     "category": "article",
//     "data":
	
	public News(String id, String oid, String category, NewsData data) {
		super();
		this.id = id;
		this.oid = oid;
		this.category = category;
		this.data = data;
	}
	
	public News() {
		super();
	}
	

	@Override
	public String toString() {
		return "News [id=" + id + ", oid=" + oid + ", category=" + category
				+ ", data=" + data + "]";
	}

	public String getId() {
		return id;
	}
	public void setId(String id) {
		this.id = id;
	}
	public String getOid() {
		return oid;
	}
	public void setOid(String oid) {
		this.oid = oid;
	}
	public String getCategory() {
		return category;
	}
	public void setCategory(String category) {
		this.category = category;
	}
	public NewsData getData() {
		return data;
	}
	public void setData(NewsData data) {
		this.data = data;
	}
	
}

在建立NewsData实体类，根绝NewsDatajson结构继续建立实体类内容，因为里面还有一层json数据所以要用private ArrayList<Pic> pics; 来

package com.example.android20_lzhxw.beans;

import java.util.ArrayList;
/**
 * News这个类data属性对应类
 * 添加getters  setters 
 * 构造方法
 * 重写toString
 * @author cj
 */
public class NewsData {
	private String subject,summary,cover,format,changed;
	private ArrayList<Pic> pics;
	
	public NewsData() {
		super();
	}
	public NewsData(String subject, String summary, String cover,
			String format, String changed, ArrayList<Pic> pics) {
		super();
		this.subject = subject;
		this.summary = summary;
		this.cover = cover;
		this.format = format;
		this.changed = changed;
		this.pics = pics;
	}	
	
	@Override
	public String toString() {
		return "NewsData [subject=" + subject + ", summary=" + summary
				+ ", cover=" + cover + ", format=" + format + ", changed="
				+ changed + ", pics=" + pics + "]";
	}
	
	public String getSubject() {
		return subject;
	}
	public void setSubject(String subject) {
		this.subject = subject;
	}
	public String getSummary() {
		return summary;
	}
	public void setSummary(String summary) {
		this.summary = summary;
	}
	public String getCover() {
		return cover;
	}
	public void setCover(String cover) {
		this.cover = cover;
	}
	public String getFormat() {
		return format;
	}
	public void setFormat(String format) {
		this.format = format;
	}
	public String getChanged() {
		return changed;
	}
	public void setChanged(String changed) {
		this.changed = changed;
	}
	public ArrayList<Pic> getPics() {
		return pics;
	}
	public void setPics(ArrayList<Pic> pics) {
		this.pics = pics;
	}
	
//	 "subject": "西南民族大学展示查寝“战利品”",
//     "summary": "据大河网微博11月5日报道，今天，西南民族大学校方把近期“查寝战利品”游街示众了，看着这些电饭煲和热得快……太惨烈了！！你曾经被收缴过什么东西？图片来源：大河网微博",
//     "cover": "/Attachs/Map/4247/6c44136651e4414bbab014d48c95a80a_cover_padmini.JPG",
//     "format": "map",
//     "changed": "2014-11-05 15:56:54",
//     "pics": 
	
}
然后建立pic实体类 
 <pre name="code" class="java">package com.example.android20_lzhxw.beans;

/**
 * 有三张的item的实体类： 添加getters setters 、构造方法  、 重写toString（）
 * 
 * @author cj
 * 
 */
public class Pic {
	private String id, photo, subject;

	// "id": 39284,
	// "photo":
	// "/Attachs/Map/4247/591b5988aa52435da45722d31897caf3_cover_padmini.JPG",
	// "subject": "


	public Pic() {
		super();
	}

	public Pic(String id, String photo, String subject) {
		super();
		this.id = id;
		this.photo = photo;
		this.subject = subject;
	}
	
	
	@Override
	public String toString() {
		return "Pic [id=" + id + ", photo=" + photo + ", subject=" + subject
				+ "]";
	}

	public String getId() {
		return id;
	}

	public void setId(String id) {
		this.id = id;
	}

	public String getPhoto() {
		return photo;
	}

	public void setPhoto(String photo) {
		this.photo = photo;
	}

	public String getSubject() {
		return subject;
	}

	public void setSubject(String subject) {
		this.subject = subject;
	}

}

实体类建立好以后直接用fastjson进行解析放入实体内即可List<News> list = JSONArray.parseArray( strJSONArray, News.class);

得到一个集合数据

根据MVC 模式

现在还差一个C 也就是Baseadapter 可以看到的是 data里面有一个category我们就是根据他来确定一个条目是图片还是文字然后进行填充内容个

Baseadapter 传入了两个数据一个是context 和一个集合数据

其中注意的是

Baseadapter 里面新增了两个方法一个是

/** 返回列表中item视图的样式的个数 */ @Override public int getViewTypeCount() { return 2; } /** 指定将要被创建的item的View的type */ @Override public int getItemViewType(int position) { News news = datas.get(position); if ("article".equals(news.getCategory())) { return VIEWTYPE_ARTICAL; } else if ("map".equals(news.getCategory())) { return VIEWTYPE_MAP; } return super.getItemViewType(position); }好啦看全部的Basedapter吧

package com.example.android20_lzhxw.adapters;

import java.util.List;

import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import com.example.android20_lzhxw.R;
import com.example.android20_lzhxw.beans.News;
import com.example.android20_lzhxw.utils.AppURLFinal;
import com.example.android20_lzhxw.utils.ImageLoader;

public class LVBaseAdapter extends BaseAdapter {
	private Context context;
	private List<News> datas;
	private final int VIEWTYPE_ARTICAL = 0;
	private final int VIEWTYPE_MAP = 1;

	public LVBaseAdapter(Context context, List<News> datas) {
		super();
		this.context = context;
		this.datas = datas;
	}

	@Override
	public int getCount() {
		return datas == null ? 0 : datas.size();
	}

	@Override
	public Object getItem(int position) {
		return datas.get(position);
	}

	@Override
	public long getItemId(int position) {
		return position;
	}

	/** 返回列表中item视图的样式的个数 */
	@Override
	public int getViewTypeCount() {
		return 2;
	}

	/** 指定将要被创建的item的View的type */
	@Override
	public int getItemViewType(int position) {
		News news = datas.get(position);
		if ("article".equals(news.getCategory())) {
			return VIEWTYPE_ARTICAL;
		} else if ("map".equals(news.getCategory())) {
			return VIEWTYPE_MAP;
		}
		return super.getItemViewType(position);
	}

	/***
	 * 返回视图View有两种：需要定义两种布局来生成相应的item 如果View的复用：得判断View的type，决定Holder的使用
	 */
	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		
		News news = datas.get(position);
		switch (getItemViewType(position)) {
		case 0://Artical布局
			ArticalHolder articalHolder;
			if(convertView==null){
				convertView=View.inflate(context, R.layout.item_artical_lv, null);
				articalHolder = new ArticalHolder();
				articalHolder.imgv_artical=(ImageView) convertView.findViewById(R.id.imgv_ArticalItem);
				articalHolder.txtvSubject_artical=(TextView) convertView.findViewById(R.id.txtvSubject_ArticalItem);
				articalHolder.txtvSummary_artical=(TextView) convertView.findViewById(R.id.txtvSummary_ArticalItem);
				convertView.setTag(articalHolder);
			}else{
				articalHolder=(ArticalHolder) convertView.getTag();
			}
			articalHolder.imgv_artical.setImageResource(R.drawable.ic_launcher);
			articalHolder.txtvSubject_artical.setText(news.getData().getSubject());
			articalHolder.txtvSummary_artical.setText(news.getData().getSummary());
			ImageLoader.loadImg(AppURLFinal.URL_IMGBASE+news.getData().getCover(), articalHolder.imgv_artical, context);
			break;
		case 1://Map布局
			MapHolder mapHolder;
			if(convertView==null){
				convertView=View.inflate(context, R.layout.item_map_lv, null);
				mapHolder=new MapHolder();
				mapHolder.txtv_map=(TextView) convertView.findViewById(R.id.txtvSubject_mapItem);
				mapHolder.imgv1_map=(ImageView) convertView.findViewById(R.id.imgv1_mapItem);
				mapHolder.imgv2_map=(ImageView) convertView.findViewById(R.id.imgv2_mapItem);
				mapHolder.imgv3_map=(ImageView) convertView.findViewById(R.id.imgv3_mapItem);
				convertView.setTag(mapHolder);
			}else{
				mapHolder=(MapHolder) convertView.getTag();
			}
			mapHolder.txtv_map.setText(news.getData().getSubject());

			mapHolder.imgv1_map.setImageResource(R.drawable.ic_launcher);
			ImageLoader.loadImg(AppURLFinal.URL_IMGBASE+news.getData().getPics().get(0).getPhoto(), mapHolder.imgv1_map, context);
			
			mapHolder.imgv2_map.setImageResource(R.drawable.ic_launcher);
			ImageLoader.loadImg(AppURLFinal.URL_IMGBASE+news.getData().getPics().get(1).getPhoto(), mapHolder.imgv2_map, context);

			mapHolder.imgv3_map.setImageResource(R.drawable.ic_launcher);
			ImageLoader.loadImg(AppURLFinal.URL_IMGBASE+news.getData().getPics().get(2).getPhoto(), mapHolder.imgv3_map, context);

			break;
		default:
			break;
		}
		return convertView;
	}

	class ArticalHolder {
		ImageView imgv_artical;
		TextView txtvSubject_artical, txtvSummary_artical;
	}

	class MapHolder {
		TextView txtv_map;
		ImageView imgv1_map, imgv2_map, imgv3_map;
	}

}

点击下载源码