Android 自定义ListView示例详解

Android 自定义ListView示例详解,第1张

概述本文讲实现一个自定义列表的Android程序,程序将实现一个使用自定义的适配器(Adapter)绑定数据,通过contextView.setTag绑定数据有按钮的ListView。

本文讲实现一个自定义列表的AndroID程序,程序将实现一个使用自定义的适配器(Adapter)绑定 数据,通过contextVIEw.setTag绑定数据有按钮的ListVIEw。

系统显示列表(ListVIEw)时,首先会实例化一个适配器,本文将实例化一个自定义的适配器。实现 自定义适配器,必须手动映射数据,这时就需要重写getVIEw()方法,系统在绘制列表的每一行的时候 将调用此方法。

ListVIEw在开始绘制的时候,系统自动调用getCount()函数,根据函数返回值得到ListVIEw的长度, 然后根据这个长度,调用getVIEw()逐一画出每一行。

具体使用方法可以参考下面代码,只需记住AndroID自定义ListVIEw三步骤:

第一步:准备主布局文件、组件布局文件等
第二步:获取并整理数据
第三步:绑定数据,这里我们是通过自己编写Adapter类来完成的

1.首先新建一个List.XML

<?xml version="1.0" enCoding="utf-8"?> <linearLayout xmlns:androID="http://schemas.androID.com/apk/res/androID"   androID:layout_wIDth="match_parent"   androID:layout_height="match_parent"   androID:orIEntation="vertical" >   <linearLayout androID:layout_wIDth="match_parent"     androID:layout_height="match_parent"     androID:orIEntation="horizontal" androID:background="#f1e4f1">     <ImageVIEw        androID:ID="@+ID/image"       androID:layout_wIDth="wrap_content"       androID:layout_height="wrap_content"/>     <TextVIEw        androID:ID="@+ID/Title"       androID:layout_wIDth="wrap_content"       androID:layout_height="wrap_content"       androID:textcolor="#666872"/>     <button        androID:ID="@+ID/vIEw"       androID:layout_wIDth="wrap_content"       androID:layout_height="wrap_content"       androID:text="详细"/>   </linearLayout>   <TextVIEw      androID:ID="@+ID/info"     androID:layout_wIDth="wrap_content"     androID:layout_height="wrap_content"     androID:textcolor="#666872"/> </linearLayout> 

2、新建一个适配器类MyAdspter.java

public class MyAdspter extends BaseAdapter {    private List<Map<String,Object>> data;   private LayoutInflater layoutInflater;   private Context context;   public MyAdspter(Context context,List<Map<String,Object>> data){     this.context=context;     this.data=data;     this.layoutInflater=LayoutInflater.from(context);   }   /**    * 组件集合,对应List.xml中的控件    * @author administrator    */   public final class Zujian{     public ImageVIEw image;     public TextVIEw Title;     public button vIEw;     public TextVIEw info;   }   @OverrIDe   public int getCount() {     return data.size();   }   /**    * 获得某一位置的数据    */   @OverrIDe   public Object getItem(int position) {     return data.get(position);   }   /**    * 获得唯一标识    */   @OverrIDe   public long getItemID(int position) {     return position;   }    @OverrIDe   public VIEw getVIEw(int position,VIEw convertVIEw,VIEwGroup parent) {     Zujian zujian=null;     if(convertVIEw==null){       zujian=new Zujian();       //获得组件,实例化组件       convertVIEw=layoutInflater.inflate(R.layout.List,null);       zujian.image=(ImageVIEw)convertVIEw.findVIEwByID(R.ID.image);       zujian.Title=(TextVIEw)convertVIEw.findVIEwByID(R.ID.Title);       zujian.vIEw=(button)convertVIEw.findVIEwByID(R.ID.vIEw);       zujian.info=(TextVIEw)convertVIEw.findVIEwByID(R.ID.info);       convertVIEw.setTag(zujian);     }else{       zujian=(Zujian)convertVIEw.getTag();     }     //绑定数据     zujian.image.setBackgroundResource((Integer)data.get(position).get("image"));     zujian.Title.setText((String)data.get(position).get("Title"));     zujian.info.setText((String)data.get(position).get("info"));     return convertVIEw;   }  } 

关于上面LayoutInflater的使用:在实际开发种LayoutInflater这个类还是非常有用的。它的作用类似 于 findVIEwByID(),不同点是LayoutInflater是用来找layout下xml布局文件,并且会实例化!。

getVIEw()的三个参数:position表示将显示的是第几行,covertVIEw是从布局文件中inflate来的布 局。我们用LayoutInflater的方法将定义好的List.xml文件提取成VIEw实例用来显示。然后将xml文件 中的各个组件实例化,这样便可以将数据对应到各个组件上了。但是按钮为了响应点击事件,需要为

它添加点击监听器,这样就能捕获点击事件。

3、activity_main.xml中添加ListVIEw控件

<relativeLayout 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: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/List"     androID:layout_wIDth="fill_parent"     androID:layout_height="fill_parent"></ListVIEw> </relativeLayout> 

4、在activity中调用ListVIEw

public class MainActivity extends Activity {    private ListVIEw ListVIEw=null;    @OverrIDe   protected voID onCreate(Bundle savedInstanceState) {     super.onCreate(savedInstanceState);     setContentVIEw(R.layout.activity_main);     ListVIEw=(ListVIEw)findVIEwByID(R.ID.List);     List<Map<String,Object>> List=getData();     ListVIEw.setAdapter(new MyAdspter(this,List));   }   @OverrIDe   public boolean onCreateOptionsMenu(Menu menu) {     getMenuInflater().inflate(R.menu.main,menu);     return true;   }    public List<Map<String,Object>> getData(){     List<Map<String,Object>> List=new ArrayList<Map<String,Object>>();     for (int i = 0; i < 10; i++) {       Map<String,Object> map=new HashMap<String,Object>();       map.put("image",R.drawable.ic_launcher);       map.put("Title","这是一个标题"+i);       map.put("info","这是一个详细信息"+i);       List.add(map);     }     return List;   } } 

以上就是对AndroID ListVIEw 的简单实现,有兴趣的小伙伴可以参考下。

总结

以上是内存溢出为你收集整理的Android 自定义ListView示例详解全部内容,希望文章能够帮你解决Android 自定义ListView示例详解所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1148397.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-31
下一篇2022-05-31

发表评论

登录后才能评论

评论列表(0条)

    保存