字母导航列表完整解决方案

1
2
3
4
5
6
7
8
9
letterPositionMap = new HashMap<String, Integer>();
for (int i = 0; i < datas .size(); i++) {
     DataBean data = datas.get(i);
     String firstletter = data.getFirstLetter();
     // 不包含代表是第一次出现,记录位置
     if (!letterPositionMap.containsKey(firstletter)) {
            letterPositionMap.put(firstletter, i);
     }
}

1
2
3
4
5
6
letterPositionMap.clear();
for (int i = datas .size() - 1; i >= 0; i--) {
     DataBean data = datas.get(i);
     String firstletter = data. getFirstLetter();
     letterPositionMap.put(firstletter, i);
}

1
2
3
4
5
6
7
8
9
10
11
DataBean item = getItem(position);
String firstletter = item.getFirstLetter();
// 判断当前item的位置,是否等于其首字母第一次出现的位置
if (letterPositionMap .get(firstletter) == position) {
     // 是的话显示首字母栏,并设置字母
     holder.tv_firstletter.setVisibility(View. VISIBLE);
     holder.tv_firstletter.setText(firstletter);
} else {
     // 不是的话隐藏首字母栏
     holder.tv_firstletter.setVisibility(View. GONE);
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
private void initItems() {
     // 先删除所有child
     removeAllViews();
     
     // 根据item添加TextView
     for (CharSequence s : mItems) {
           TextView t = new TextView(getContext());
           t.setText(s);
            // TODO setTextSize
           t.setTextSize(10);
            // TODO setTextColor
           t.setTextColor(Color. WHITE);
           
           LinearLayout.LayoutParams params;
            if( layoutType == 1) {
                 // 1为居中分布,由于gravity本来就是CENTER_VERTICAL,所以所有的child都会垂直居中
                params = new LinearLayout.LayoutParams(
                           ViewGroup.LayoutParams. WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT );
                 // TODO 字母之间的间距
                 int padding = dp2px(4);
                params.setMargins(0, padding, 0, 0);
           } else {
                 // 0和其他数字都取默认的平均分布,利用weight平均分布
                params = new LinearLayout.LayoutParams(
                           ViewGroup.LayoutParams. WRAP_CONTENT, 0);
                params. weight = 1;
           }
           t.setLayoutParams(params);
           addView(t);
     }
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
@Override
public boolean onTouchEvent(MotionEvent ev) {
     final int action = ev.getAction();
     TextView child = null;

     switch (action & MotionEvent. ACTION_MASK) {
     case MotionEvent. ACTION_DOWN:
     case MotionEvent. ACTION_MOVE:
            // 按下和移动时都视为选中操作,根据点击位置获取TextView类型的child,然后获取其Text
           child = findChildByLocation(ev.getX(), ev.getY());
            if ( listener != null) {
                 listener.onLetterSelected(child == null ? null // 如果该位置没有child,则返回null
                           : child.getText().toString());
           }
            break;
     case MotionEvent. ACTION_UP:
            // 抬起视为非选中操作
            if ( listener != null) {
                 listener.onLetterSelected( null);
           }
            break;
     }

     return true;
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
private TextView findChildByLocation(float x, float y) {
     TextView child = null;
     // 第一个child的top位置
     int mContentTop = getChildAt(0).getTop();
     // 最后一个child的bottom位置
     int mContentBottom = getChildAt(getChildCount() - 1).getBottom();
     // bottom-top算出所有child的范围,然后除以child数量,算出每一个child的高度
     int defSize = (mContentBottom - mContentTop) / mItems. length;

     // 用选择的位置y坐标减去整个items的顶部位置,除以defSize算出选择的位置y对应的child索引
     int index = (int) ((y - mContentTop) / defSize);
     // 如果索引在items的范围以内,且x轴为超出整个字母栏宽度范围,则获取对应的child
     if (index >= 0 && index < mItems. length && x >= 0 && x <= getWidth()) {
           child = (TextView) getChildAt(index);
     }
     return child;
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
lb.setOnLetterChangedListener( new OnLetterChangedListener() {

     @Override
     public void onLetterSelected(String letter) {
            if (letter == null) {
                 // 如果是未选择(抬起)状态,不显示overlay提示字母
                 tv_firstletter_overlay.setVisibility(View. GONE);
           } else {
                 // 如果是选择(按下和滑动)状态,显示overlay提示字母
                 tv_firstletter_overlay.setVisibility(View. VISIBLE);
                 tv_firstletter_overlay.setText(letter);

                 // 获取首字母在列表中首次出现的位置
                 int position = adapter.getLetterPosition(letter);
                 // 可以获取到位置时,让列表跳转到该位置
                 if (position != -1) {
                      lv.setSelection(position);
                }
           }
     }
});

1
2
3
4
5
6
7
8
9
10
11
12
13
14
adapter = new ListLetterAdapter( this, datas);
lv.setAdapter( adapter);

// TODO 只显示列表数据中包含的首字母
// 获取数据的所有首字母Set集合
Set<String> firstletterSet = adapter.getLetterPositionMap().keySet();
// 将Set转为数组
String[] items = firstletterSet.toArray (new String[firstletterSet.size()]);
// 按照字母排序
Arrays.sort (items);
// 设置新的items
lb.setItems(items);
// 由于显示部分首字母,所以用居中布局更好,平均布局在数据较少时会显得空
lb.setItemsLayoutType(1);