Android 自定义ListView示例详解

 更新时间:2016年09月05日 10:27:40   作者:daoshud1  
本文主要介绍Android 自定义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 App的运行环境及Android系统架构概览

    Android App的运行环境及Android系统架构概览

    这篇文章主要介绍了Android App的运行环境及Android系统架构概览,并对应用程序进程间隔离机制等知识点作了介绍,需要的朋友可以参考下
    2016-03-03
  • API处理Android安全距离详情

    API处理Android安全距离详情

    这篇文章主要介绍了API处理Android安全距离详情,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的朋友可以参考一下
    2022-06-06
  • ViewFlipper实现文字轮播效果

    ViewFlipper实现文字轮播效果

    这篇文章主要为大家详细介绍了ViewFlipper实现文字轮播效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-08-08
  • Android Studio 实现九宫格功能

    Android Studio 实现九宫格功能

    这篇文章主要介绍了Android Studio 实现九宫格,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-04-04
  • Android入门之ScrollView的使用教程

    Android入门之ScrollView的使用教程

    我们经常可以看到在手机里正在垂直加载一堆的数据,然后过一会加载得内容过多,到了手机的底部了,垂直方向就会出现一个“滚动条”。本文就来通过一些示例和大家介绍下ScrollView(滚动条)的使用,感兴趣的可以了解一下
    2022-11-11
  • Android BSearchEdit 搜索结果选择框的实例代码

    Android BSearchEdit 搜索结果选择框的实例代码

    EditText搜索结果下拉框、自动or回调模式、可diy、使用超简便。这篇文章主要介绍了Android BSearchEdit 搜索结果选择框的实例代码,需要的朋友可以参考下
    2019-10-10
  • 鸿蒙开源第三方组件之连续滚动图像组件功能

    鸿蒙开源第三方组件之连续滚动图像组件功能

    这篇文章主要介绍了鸿蒙开源第三方组件之连续滚动图像组件功能,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-04-04
  • Android模拟器

    Android模拟器"Failed To Allocate memory 8"错误如何解决

    这篇文章主要介绍了Android模拟器"Failed To Allocate memory 8"错误如何解决的相关资料,需要的朋友可以参考下
    2017-03-03
  • Android全屏设置的方法总结

    Android全屏设置的方法总结

    这篇文章主要介绍了Android全屏设置的方法总结的相关资料,需要的朋友可以参考下
    2017-06-06
  • Android再探全面屏适配示例详解

    Android再探全面屏适配示例详解

    这篇文章主要为大家介绍了Android再探全面屏适配示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03

最新评论