当前位置: 移动技术网 > 移动技术>移动开发>Android > Android 自定义ListView示例详解

Android 自定义ListView示例详解

2019年07月24日  | 移动技术网移动技术  | 我要评论

本文讲实现一个自定义列表的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 的简单实现,有兴趣的小伙伴可以参考下。

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网