Android控件--定制ListView界面

0.前言

    学过Android的人，我想肯定使用该Android的ListView控件，毕竟当要显示列表的时候，例如qq的消息界面、聊天界面，手机显示联系人，这些无疑都是使用到了ListView
 这个Android最为常用的界面。那么接下来就谈谈如何自己创建一个适配器去订制ListView界面的。（注意：本文介绍的适用列表每一项的内容一样的情况）

1.在AndroidStudio新建Android工程

     工程中的Androidmanifest.xml保持不变

2.在main_activity中加入一个ListView控件，并且声明id

 

<ListView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/listView"/>

3.新建一个布局文件item_activity.xml

     显示每个列表项要展示的内容，本例子展示的是一个图片，两个文本（一个表示文本标题，
 另一个表示的是文本内容），采用的是相对布局，文本内容位于文本标题的正下方

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:id="@+id/relative"
    android:paddingBottom="4dip"
    android:paddingLeft="12dip"
    android:paddingRight="12dip"
    >
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:id="@+id/image"
        android:paddingTop="12dip"/>
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:id="@+id/itemTitle"
        android:text="TextView1"
        android:textSize="20dip"
        />
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:id="@+id/itemText"
        android:text="TextView2"
        android:layout_below="@+id/itemTitle"
        />
</RelativeLayout>

以上已经介绍完整个例子的布局文件，接下来讨论的是使用Java代码去实现定制ListView界面的功能

4.在src中创建ListItem.java类

     这个类中的属性与item_activity.xml中的各个控件相对应，并且针对每个属性要写getter方法（可以在后面新建的适配器中使用它）

 package dragon.csu.edu.pojoj;

public class ListItem {
    private int imageId;
    private String itemTitle;
    private String itemText;

    public ListItem(int imageId, String itemTitle, String itemText) {
        this.imageId = imageId;
        this.itemTitle = itemTitle;
        this.itemText = itemText;
    }

    public int getImageId() {
        return imageId;
    }

    public String getItemTitle() {
        return itemTitle;
    }

    public String getItemText() {
        return itemText;
    }
}

5.在src中创建ListViewAdapter.java类

   这个就是本例子的重点了，首先要讲的是这个类要继承于ArrayAdapter这个类，这样就可以作为传入ListView的参数，不继承就无法进行；其次是内部类ListHoder，使用这个内部类的作用
就是可以当我们是第二次访问的时候，它会将第一次访问的ListView中的信息进行相应的保存，这无疑可以节省界面显示的时间，不用在进行数据的获取。具体详细内容中的解释，不过多介绍

package dragon.csu.edu.util;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import org.w3c.dom.Text;

import java.util.List;

import dragon.csu.edu.androidexample.R;
import dragon.csu.edu.pojoj.ListItem;

public class ListViewAdapter extends ArrayAdapter<listitem> {
    private int resourceId;//记录的是item_activity.xml的布局id
    public ListViewAdapter(Context context,int resourceId1,List<listitem> listItems) {
        super(context,resourceId1,listItems);
        resourceId=resourceId1;
    }
    @Override
    public View getView(int position, View convertView, ViewGroup parent){
        ListItem listItem=getItem(position);
        View view;
        ViewHolder viewHolder;
        //当用户为第一次访问的时候
        if(convertView==null){
            //将item_activity布局解析成显示界面
            view = LayoutInflater.from(getContext()).inflate(resourceId,null);
            viewHolder=new ViewHolder();
            //获取item_activity.xml中控件，并将其保存在viewHolder中
            viewHolder.imageView=(ImageView)view.findViewById(R.id.image);
            viewHolder.itemTitle=(TextView)view.findViewById(R.id.itemTitle);
            viewHolder.itemText=(TextView)view.findViewById(R.id.itemText);
            //设置将数据进行缓存
            view.setTag(viewHolder);
        }else{
            //第二次访问直接读取第一次访问使存取的数据
            view=convertView;
            viewHolder=(ViewHolder)view.getTag();
        }
        //将数据返回到item_activity.xml中的每一个空间中
        viewHolder.imageView.setImageResource(listItem.getImageId());
        viewHolder.itemTitle.setText(listItem.getItemTitle());
        viewHolder.itemText.setText(listItem.getItemText());
        return view;
    }
    class ViewHolder{
        private ImageView imageView;
        private TextView itemTitle;
        private TextView itemText;
    }
}

完成了以上的内容，就剩下最后一步了

6.编写MainActivity.java代码

当完成以上的代码，编写MainActivity.java就显得特别的简单

package dragon.csu.edu.androidexample;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.ListView;

import java.util.ArrayList;
import java.util.List;

import dragon.csu.edu.pojoj.ListItem;
import dragon.csu.edu.util.ListViewAdapter;

public class MainActivity extends Activity {
    ArrayList<listitem> lists=new ArrayList<listitem>();
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.list_view_activity);
        //得到listView
        ListView listView=(ListView)findViewById(R.id.listView);
        initListItem();//初始化数据
        //第一个参数表示上下文，第二个表示要显示的布局id，第三个表示传入的参数
        ListViewAdapter listViewAdapter=new ListViewAdapter(MainActivity.this,R.layout.
                item_activity,lists);
        //将item_activity.xml中的布局导入ListView中
        listView.setAdapter(listViewAdapter);
    }
    public void initListItem(){
        ListItem list1=new ListItem(R.drawable.image5,"Level 1","1");
        ListItem list2=new ListItem(R.drawable.image5,"Level 2","2");
        ListItem list3=new ListItem(R.drawable.image5,"Level 3","3");
        lists.add(list1);
        lists.add(list2);
        lists.add(list3);
    }

}

这样，就完成了定制ListView界面.

本文为个人原创，转载请注明出处