简单 ListView 实现-- Simple ListView Example

之前在学校一想到 ListView　时，总觉得特别麻烦，但是经过资深同事的解说後，开始觉得其实还挺有趣的，

因此把制作的过程大约记录一下，方便自己以後回来复习也供大家参考。

ListView 制作的过程中，就是记得以下几个过程就可以了：

一、设计好数据结构，将 ListView　要展示的数据存在数握结构中。

二、设计要展现的每一个栏位

While I was learning Android back in school, it always troubles me when it comes to making listview. 

Recently, a senior colleague taught and explained how ListView--this common & convenient android widget works to me.

Therefore, I took a note and made a listview example, and hope this simple example can save some troubles for people like me.    

If you want to display your data with a ListView, just remember to go through the following steps:

1. Design your data structure for ListView

2. Design display layout for each row content of the listview

下面这个例子，就是取得 App应用一些资讯的简单 ListView

The following example is a simple ListView which displays some basic Apps info.

package com.example.listview;

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

import android.os.Bundle;
import android.app.Activity;
import android.content.pm.ApplicationInfo;
import android.content.pm.PackageManager;
import android.graphics.drawable.Drawable;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;

public class MainActivity extends Activity {
    private ArrayList<SimpleAppInfo> mInstalledAppList;
    private ListView installedAppListView;
    private LayoutInflater mInfater;
    private MyBaseAdapter mAdapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        init();
        initView();
    }

    // acquire all installed app info here
    public void init()
    {
        mInstalledAppList = new ArrayList<SimpleAppInfo>();
        List<ApplicationInfo> installedAppList = getPackageManager().getInstalledApplications(
                PackageManager.GET_META_DATA);
        for (int i = 0; i < installedAppList.size(); i++)
        {
            SimpleAppInfo info = new SimpleAppInfo();
            info.icon=getResources().getDrawable(R.drawable.ic_launcher);
            try{
            info.icon = installedAppList.get(i).loadIcon(getPackageManager());
            }catch(Exception e)
            {
                e.printStackTrace();
                info.icon=getResources().getDrawable(R.drawable.ic_launcher);
            }
            info.labelName = installedAppList.get(i).loadLabel(getPackageManager()).toString();
            info.packageName = installedAppList.get(i).packageName;
            mInstalledAppList.add(info);
        }
    }

    public void initView()
    {
        mInfater = LayoutInflater.from(getApplicationContext());
        installedAppListView = (ListView) findViewById(R.id.app_listview);
        mAdapter = new MyBaseAdapter(mInstalledAppList, mInfater);
        installedAppListView.setAdapter(mAdapter);
    }

    public static class SimpleAppInfo {
        private Drawable icon;
        private String labelName;
        private String packageName;
    }

    public static class ViewHolder {
        private ImageView icon;
        private TextView labelName;
        private TextView packageName;
    }

    private static class MyBaseAdapter extends BaseAdapter {
        private LayoutInflater mInflater;
        private List<SimpleAppInfo> AppList;

        public MyBaseAdapter(List<SimpleAppInfo> installedAppList, LayoutInflater Inflater) {
            mInflater = Inflater;
            AppList = installedAppList;
        }

        @Override
        public int getCount() {
            return AppList.size();
        }

        @Override
        public Object getItem(int position) {
            return AppList.get(position);
        }

        @Override
        public long getItemId(int position) {
            return position;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            if (convertView == null)
                convertView = mInflater.inflate(R.layout.views_in_row, parent, false);

            ViewHolder viewholder = new ViewHolder();
            viewholder.icon = (ImageView) convertView.findViewById(R.id.app_icon);
            viewholder.labelName = (TextView) convertView.findViewById(R.id.app_name);
            viewholder.packageName = (TextView) convertView.findViewById(R.id.app_pkg_name);
            SimpleAppInfo item = (SimpleAppInfo) getItem(position);
            viewholder.icon.setImageDrawable(item.icon);
            viewholder.labelName.setText(item.labelName);
            viewholder.packageName.setText(item.packageName);
            convertView.setTag(viewholder);

            return convertView;
        }

    }
}

<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" >

    <TextView
        android:id="@+id/topic"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingBottom="4dp"
        android:paddingTop="4dp"
        android:gravity="center"
        android:background="@android:color/black"
        android:textColor="@android:color/white"
        android:text="@string/listview_demo" />

    <ListView
        android:id="@+id/app_listview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/topic"
        android:layout_marginBottom="10dp"
        android:layout_marginTop="5dp" />

</RelativeLayout>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:paddingBottom="4dp"
    android:paddingLeft="12dp"
    android:paddingRight="12dp"
    android:paddingTop="4dp" >

    <ImageView
        android:id="@+id/app_icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_marginLeft="12dp" />

    <TextView
        android:id="@+id/app_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@id/app_icon"
        android:text="hello"
        android:textSize="18sp" />

    <TextView
        android:id="@+id/app_pkg_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/app_name"
        android:layout_marginTop="5dp"
        android:layout_toRightOf="@id/app_icon"
        android:text="bao.bao.bao.bao"
        android:textSize="12sp" />

</RelativeLayout>

github: 

https://github.com/shanwu/shanwu_coding_base/tree/ListView/ListView

https://github.com/shanwu/SimpleListViewExample