Android 使用BaseAdapter创建实用ListView

本程序的目的是写一个通用的、实用的菜单项ListView，掌握BaseAdapter 、ListView、style 的使用

先看看我们最终实现的效果

废话少说直接上代码：

主Activity类，MenuTuiCoolActivity.java 文件

public class MenuTuicoolActivity extends Activity {
    
    //定义菜单分隔条类
    private static class Category {
        String mTitle;
        Category(String title) {
            mTitle = title;
        }
    }
    
    //定义菜单项类
    private static class MenuItem{
        
        private String menuText ;
        private int menuIcon ;
        
        public MenuItem(String menuText , int menuIcon){
            this.menuText=menuText ;
            this.menuIcon=menuIcon ;
        }
        
        public String getMenuText(){
            return this.menuText ;
        }
        
        public int getMenuIcon(){
            return this.menuIcon ;
        }
    }
    
    //定义自定义菜单项组Adapter
     private class MenuAdapter extends BaseAdapter{

         //用来存贮菜单项和菜单分隔条对象
         private List<Object> menuItems = new ArrayList<Object>() ;
         
         //加载所有的菜单项和菜单分隔条
         public MenuAdapter(){
             
             menuItems.add(new Category("分组一")) ;
             menuItems.add(new MenuItem("离线",R.drawable.img_1)) ;
             menuItems.add(new MenuItem("站点",R.drawable.img_2));
             
             menuItems.add(new Category("分组二"));
             menuItems.add(new MenuItem("搜索",R.drawable.img_3)) ;
             menuItems.add(new MenuItem("发现",R.drawable.img_4)) ;
             menuItems.add(new MenuItem("设置",R.drawable.img_5)) ;
         }
         
        @Override
        public int getCount() {
            return  menuItems.size();
        }

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

        @Override
        public long getItemId(int position) {
            return position;
        }
        
        /*这个方法和下面的一个方法只是用于标定你所创建的菜单中有几种类型的项目，
         *一般来说就有两种,一种是分隔条项目、一种是实际的可选项目，这两个方法不会自动回调
         *只是为让程序员在getView（）等方法中能够方便使用这两个方法来判定当前的项目的类型
         **/
        public int getItemViewType(int position) {
            return getItem(position) instanceof MenuItem ? 0 : 1;
        }

        @Override
        public int getViewTypeCount() {
            return 2;
        }

        //当前的对象对应的组件是否能够被选中或者被点击，即菜单项对象能够被点击，分隔条对象不能够被点击
        @Override
        public boolean isEnabled(int position) {
            return getItem(position) instanceof MenuItem;
        }

        //指明Adapter中的所有的对象对应的组件是否都能够被点击
        @Override
        public boolean areAllItemsEnabled() {
            return false;
        }

            //需要注意的一点是：每次程序在重绘这个ListView的时候，都会重新的调用一次这个方法
        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            
                //注意这个convertView保存的是旧View，因为每次都要重绘，那么我们可以通过监测convertView是否是null，如果不是null呢么我们就可以直接使用这个convertView
                //直接返回，但是下面我们没有这么做，在MenuDrawer中我们会使用convertView重用旧视图，可以看看
            View view = convertView ;
            
            //根据position处的对象的类型，来判定当前的对象应该对应菜单项还是分隔条，从而加载不同的View
            if(getItemViewType(position) == 0){
                view =getLayoutInflater().inflate(R.layout.menu_tuicool, parent, false);
                ((TextView) view).setText(((MenuItem)menuItems.get(position)).getMenuText()) ;
                ((TextView) view).setCompoundDrawablesWithIntrinsicBounds(
                                  ((MenuItem)menuItems.get(position)).getMenuIcon(), 0, 0, 0);
            }else{
                view = getLayoutInflater().inflate(R.layout.category_style, parent, false);
                ((TextView) view).setText(((Category)menuItems.get(position)).mTitle);
            }
            return view;
        }         
     }
     
     //定义菜单适配器
     private MenuAdapter menuAdapter  ;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        
        ListView menuList= new ListView(this) ;
        menuAdapter = new MenuTuicoolActivity.MenuAdapter() ;
        menuList.setAdapter(menuAdapter);
        setContentView(menuList);
    }
}

菜单分隔条布局文件，category_style.xml文件：

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" 
    style="@style/category_style">
</TextView>

菜单项布局文件，menu_tuicool.xml文件：

<TextView
     xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     style="@style/item_style"/>

styles.xml文件：

<resources>

    <!--
        Base application theme, dependent on API level. This theme is replaced
        by AppBaseTheme from res/values-vXX/styles.xml on newer devices.
    -->
    <style name="AppBaseTheme" parent="android:Theme.Light">
        <!--
            Theme customizations available in newer API levels can go in
            res/values-vXX/styles.xml, while customizations related to
            backward-compatibility can go here.
        -->
    </style>

    <!-- Application theme. -->
    <style name="AppTheme" parent="AppBaseTheme">
        <!-- All customizations that are NOT specific to a particular API-level can go here. -->
    </style>
    
    <style name="item_style">
        <item name="android:background">@drawable/md__list_selector_disabled_holo_dark</item>
        <item name="android:textAppearance">?android:attr/textAppearance</item>
        <item name="android:textColor">?android:attr/textColorPrimaryInverse</item>
        <item name="android:textSize">18sp</item>
        <item name="android:paddingLeft">16dp</item>
        <item name="android:paddingRight">32dp</item>
        <item name="android:paddingTop">8dp</item>
        <item name="android:paddingBottom">8dp</item>
        <item name="android:drawablePadding">16dp</item>        //图片和文字之间的距离
        <item name="android:gravity">center_vertical</item>
    </style>
    <style name="category_style">
        <item name="android:textStyle">bold</item>
        <item name="android:textColor">?android:attr/textColorSecondaryInverse</item>
        <item name="android:textSize">14sp</item>
        <item name="android:textAllCaps">true</item>

        <item name="android:gravity">center_vertical</item>
        <item name="android:paddingLeft">16dp</item>
        <item name="android:background">@drawable/md__category_background</item>
        //这两个属性一般在一起使用，关于ellipsize的使用参见之前的博文
        <item name="android:singleLine">true</item>
        <item name="android:ellipsize">end</item>
    </style>
</resources>