Android的ListView——适配器模式
安卓中有一个重要的控件ListView,安卓通过让用户实现BaseAdapter类来连接ListView和数据列表,将数据绑定显示在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}${sex}${age}${address}";
while(tmpl.indexOf("${") > 0){
var start = tmpl.indexOf("${");
var end = tmpl.indexOf("}");
var key = tmpl.substring(start,end+1);
tmpl = tmpl.replace(key,data[key.replace("${","").replace("}","")]);
}
return tmpl;
},
getObject:function(position){
return bean[position];
}
});
运行的效果图:

适配器模式的优点主要是将两个没有关联的类连接在一起,提高了复用,正如上面的例子ListView作为列表可以用在任何场合,数据类也可以在任何场合下继续使用,适配器将两者连接成整体工作达到效果。
适配器过多会造成系统的混乱,不易于程序的可读性。
附件:http://down.51cto.com/data/2368474
网页题目:Android的ListView——适配器模式
当前地址:http://www.jxjierui.cn/article/pdddhs.html


咨询
建站咨询
