自定义 ListView 界面显示

实现的效果图：

 

1，定义一个实体类作为ListView适配器的适配类型，Base 只有三个字段 iconId表示对应图片资源id, title和time 分别表示标题的时间

public class Base {

    private int iconId;//对应图片资源id
    private String title;
    private String time;

    public Base(int iconId, String title, String time) {
        this.iconId = iconId;
        this.title = title;
        this.time = time;
    }

    public void setIconId(int iconId) {
        this.iconId = iconId;
    }

    public int getIconId() {
        return iconId;
    }

    public String getTitle() {
        return title;
    }

    public void setTitle(String title) {
        this.title = title;
    }

    public String getTime() {
        return time;
    }

    public void setTime(String time) {
        this.time = time;
    }
}

 

2，为ListView的子项指定一个自定义布局，用于展示每一条数据，向下面这样用一个ImageView 和 两个TextView显示

 

创建base_item.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="wrap_content"
    android:orientation="horizontal">

    <ImageView
        android:id="@+id/icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <TextView
            android:id="@+id/title"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />
        
        <TextView
            android:id="@+id/time"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />

    </LinearLayout>
    
</LinearLayout>

 

 

 

3，创建自定义适配器ContentAdapter，继承自ArrayAdapter

 

public class ContentAdapter extends ArrayAdapter<Base> {

    private int resourceId;
    /**
     * 重写父类构造函数,传入上下文, ListView子布局id, 数据
     * @param context
     * @param textViewResourceId
     * @param objects
     */
    public ContentAdapter(@NonNull Context context, int textViewResourceId, @NonNull List<Base> objects) {
        super(context, textViewResourceId, objects);
        resourceId = textViewResourceId;
    }


    /**
     * 每个子项被滚动到屏幕内的时候调用
     * @param position
     * @param convertView
     * @param parent
     * @return
     */
    @NonNull
    @Override
    public View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) {
        Base base = getItem(position);//获取当前项 Base 实例

        View view = LayoutInflater.from(getContext()).inflate(resourceId,parent,false);

        ImageView baseIcon = (ImageView) view.findViewById(R.id.icon);
        TextView baseTitle = (TextView) view.findViewById(R.id.title);
        TextView baseTime = (TextView) view.findViewById(R.id.time);

        baseIcon.setImageResource(base.getIconId());
        baseTitle.setText(base.getTitle());
        baseTime.setText(base.getTime());

        return view;
    }
}

 

4，编写MainActivity

public class MainActivity extends AppCompatActivity {

    private List<Base> baseList = new ArrayList<>();
    SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");//设置日期格式
    String date = df.format(new Date());// new Date()为获取当前系统时间，也可使用当前时间戳
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initBases();//初始化baseList数据


        //创建ContentAdapter实例，传入上下文， 子布局id ,数据baseList  
        BaseAdapter adapter = new ContentAdapter(MainActivity.this,R.layout.base_item,baseList);

        ListView listView = (ListView) findViewById(R.id.listview);
        listView.setAdapter(adapter);//绑定适配器

        listView.setOnItemClickListener(onClickListener);//监听点击事件

    }

    AdapterView.OnItemClickListener onClickListener = new AdapterView.OnItemClickListener() {
        @Override
        public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
            Base base = baseList.get(i);
            Toast.makeText(MainActivity.this,base.getTitle(),Toast.LENGTH_SHORT).show();

        }

    };

    private void initBases(){

        for(int i = 0; i < 5; i++){
            Base baseOne = new Base(R.drawable.one,"我是数字1",date);
            baseList.add(baseOne);
            Base baseTwo = new Base(R.drawable.two,"我是数字2",date);
            baseList.add(baseTwo);
            Base baseThree = new Base(R.drawable.one,"我是数字1",date);
            baseList.add(baseOne);
            Base baseFour = new Base(R.drawable.two,"我是数字2",date);
            baseList.add(baseTwo);
        }

    }
}

 

 

完整Demo https://files.cnblogs.com/files/boguse/ListViewDemo.zip