使用StickyListHeadersListView開源庫

使用了StickyListHeadersListView

這個庫的項目很多，因為許多電話本都是用的這個效果，而且有很多項目都使用了這個效果來實現的層級導航：

先看效果：

主要的核心代碼是一個Adapter，項目的github的README.md上給了一個示例，sample下也有一個比較麻煩的實現，我主要參考了這兩個才明白了使用方式：

Adapter代碼：

private class MyAdapter extends BaseAdapter implements StickyListHeadersAdapter{

        private String[] mCountries;
        private LayoutInflater mInflater;

        public MyAdapter(Context context) {
            mInflater = LayoutInflater.from(context);
            mCountries = context.getResources().getStringArray(R.array.countries);
        }
        @Override
        public View getHeaderView(int i, View view, ViewGroup viewGroup) {
            Log.i("TAG","get HeaderView "+i);
            HeaderViewHolder holder;

            if (view == null) {
                holder = new HeaderViewHolder();
                view = mInflater.inflate(R.layout.header, viewGroup, false);
                holder.text = (TextView) view.findViewById(R.id.text1);
                view.setTag(holder);
            } else {
                holder = (HeaderViewHolder) view.getTag();
            }

            // set header text as first char in name
            CharSequence headerChar = mCountries[i].subSequence(0, 1);
            holder.text.setText(headerChar);

            return view;
        }

        /**
        * 這個是用來邊標記浮動headerView的一個方法，返回相同ID的將被顯示為同一View
        * @param i 當前位置
        * @return 返回唯一ID
        */
        @Override
        public long getHeaderId(int i) {
            Log.i("TAG","get Header ID "+i +" char at "+mCountries[i].subSequence(0, 1).charAt(0));
            return mCountries[i].subSequence(0, 1).charAt(0);
        }

        @Override
        public int getCount() {
            return mCountries.length;
        }

        @Override
        public Object getItem(int position) {
            return mCountries[position];
        }

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

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            Log.i("TAG","get View "+ position);
            ViewHolder holder;

            if (convertView == null) {
                holder = new ViewHolder();
                convertView = mInflater.inflate(Android.R.layout.simple_expandable_list_item_1, parent, false);
                holder.text = (TextView) convertView.findViewById(android.R.id.text1);
                convertView.setTag(holder);
            } else {
                holder = (ViewHolder) convertView.getTag();
            }

            holder.text.setText(mCountries[position]);

            return convertView;
        }

        class HeaderViewHolder {
            TextView text;
        }

        class ViewHolder {
            TextView text;
        }
    }

主要用此標記HeaderView的就是HeaderID，返回同一ID的將會顯示為同一個Header

其他的使用與ListView相同。