Android的ListView——适配器模式-创新互联

安卓中有一个重要的控件ListView,安卓通过让用户实现BaseAdapter类来连接ListView和数据列表，将数据绑定显示在ListView中。适配器模式连接两个不兼容的接口，使两个不能一起工作的两个接口实现一起工作的功能。

创新互联公司专注于企业成都营销网站建设、网站重做改版、巨野网站定制设计、自适应品牌网站建设、H5场景定制、商城网站建设、集团公司官网建设、成都外贸网站建设公司、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为巨野等各大城市提供网站开发制作服务。

例子通过模仿Android的ListView实现过程来验证适配器模式，类图结构如下：

Android的ListView——适配器模式

实现代码：

var Adapter = Class.extend({
	listview:null,
	dataChanged:function(){
		if (this.listview != null)
		{
			listview.draw();
		}
	},
	getView:function(position){
		return "";
	},
	getCount:function(){
		return 0;
	},
	getObject:function(index){
		return null;
	}
});
var ListView = Class.extend({
	id:null,
	adapter:null,
	ctor:function(_id){
		this.id = _id;
	},
	setAdapter:function(_adapter){
		this.adapter = _adapter;
		_adapter.listview = this;
	},
	setOnItemClick:function(_callback){
		this.callback = String(_callback).replace(/^function(\s|\n)+(.+)\((.|\n)+$/,'$2');
	},
	draw:function(){
		var txt = "";
		if(this.adapter != null){
			for(var i = 0;i < this.adapter.getCount();i++){
				txt += "" + this.adapter.getView(i) + "

"; } } document.getElementById(this.id).innerHTML = txt; } }); var MyAdapter = Adapter.extend({ bean:[], ctor:function(_data){ this.bean = _data }, getCount:function(){ return this.bean.length; }, getView:function(position){ var data = this.bean[position]; var tmpl = "

姓名

${name}

Android的ListView——适配器模式-创新互联

其他资讯