模仿通讯录按字母分类显示，汉字，英文自动按英文字母分类显示，滑动时用气泡显示最上面的汉字首字母提示，右侧字母栏点击快速定位

废话不多说，先上图。

 

本Demo实现了如下功能：

1.根据汉字首字母，自动按英文字母分类显示。

2.滑动时，泡泡显示最上面的汉字首字母提示。

3.右侧字母栏点击快速定位，方便多数据的查找定位。

不足之处：

1.汉字转化得到拼音首字母的时候，我用到了一个pinyin4j-2.5.0.jar包，多音字和某些特殊汉字翻译不准确，如：我发现厦门，它会翻译成shamen，结果首字母变成了s。

   结果我只好特殊处理了，朋友们有好的解决办法的话麻烦分享一下。

好了，废话不说了，上代码，总共3.java文件和3个配置文件。

(1)Main.java

package com.lmj.quickaction;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.Map;

import com.lmj.quickaction.RightCharacterListView.OnTouchingLetterChangedListener;

import net.sourceforge.pinyin4j.PinyinHelper;
import net.sourceforge.pinyin4j.format.HanyuPinyinOutputFormat;
import net.sourceforge.pinyin4j.format.exception.BadHanyuPinyinOutputFormatCombination;

import android.app.Activity;
import android.content.Context;
import android.graphics.PixelFormat;
import android.os.Bundle;
import android.os.Handler;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup.LayoutParams;
import android.view.WindowManager;
import android.widget.AbsListView;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

/**
 * @author lmj
 */
public class Main extends Activity implements ListView.OnScrollListener,
  OnItemClickListener, android.view.View.OnClickListener {
 private RightCharacterListView letterListView;
 private Handler handler;
 private DisapearThread disapearThread;
 private int scrollState;
 private ListAdapter listAdapter;
 private ListView listMain;
 private TextView txtOverlay;
 private WindowManager windowManager;

 private String[] stringArr = { "阿拉伯", "阿镇", "阿布", "北京", "北城", "成", "城市",
   "得", "额", "方", "搞", "广州", "黄石", "黄冈", "杭州", "上海", "上饶", "厦门", "深圳",
   "武林", "武林", "武林", "武林", "武林", "武林", "武林", "武林", "武林", "武林", "武林",
   "武林", "武林", "武林", "武林", "武汉", "下午", "责打", "浙江", "浙江", "浙江", "浙江",
   "浙江", "浙江", "浙江", "浙江", "浙江", "浙江", "浙江", "浙江", "浙江", "浙江", "浙江",
   "浙江", "浙江", "浙江", "浙江", "浙江", "浙江" };

 private String[] stringArr3 = new String[0];
 private ArrayList arrayList = new ArrayList();
 private ArrayList arrayList2 = new ArrayList();
 private ArrayList arrayList3 = new ArrayList();
 private Map<String, String> map = new HashMap<String, String>();

 public String converterToPinYin(String chinese) {
  String pinyinString = "";
  char[] charArray = chinese.toCharArray();
  // 根据需要定制输出格式，我用默认的即可
  HanyuPinyinOutputFormat defaultFormat = new HanyuPinyinOutputFormat();
  try {
   // 遍历数组，ASC码大于128进行转换
   for (int i = 0; i < charArray.length; i++) {
    if (charArray[i] > 128) {
     // charAt(0)取出首字母
     pinyinString += PinyinHelper.toHanyuPinyinStringArray(
       charArray[i], defaultFormat)[0].charAt(0);
    } else {
     pinyinString += charArray[i];
    }
   }
   return pinyinString;
  } catch (BadHanyuPinyinOutputFormatCombination e) {
   e.printStackTrace();
   return null;
  }
 }

 public class LetterListViewListener implements
   OnTouchingLetterChangedListener {

  @Override
  public void onTouchingLetterChanged(final String s) {

   Toast.makeText(Main.this, s, Toast.LENGTH_LONG).show();
   int num = 0;
   for (int i = 0; i < stringArr.length; i++) {
    if ("a".equals(s)) {
     num = 0;
    } else if (character2ASCII(stringArr[i].substring(0, 1)) < (character2ASCII(s) + 32)) {
     num += 1;
    }

   }

   listMain.setSelectionFromTop(num, 0);
   // .setSelection(num);

  }

 }

 public void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.main);

  for (int i = 0; i < stringArr.length; i++) {
   String pinyin = converterToPinYin(stringArr[i]);
   arrayList.add(pinyin);
   if (!arrayList2.contains(pinyin.substring(0, 1))) {
    arrayList2.add(pinyin.substring(0, 1));
   }
   map.put(pinyin, stringArr[i]);
  }
  stringArr = (String[]) arrayList.toArray(stringArr);

  arrayList3.add("#");
  for (int i = 0; i < arrayList2.size(); i++) {
   String string = (String) arrayList2.get(i);
   arrayList3.add(string.toUpperCase());
  }

  stringArr3 = (String[]) arrayList3.toArray(stringArr3);// 得到右侧英文字母列表

  letterListView = (RightCharacterListView) findViewById(R.id.rightCharacterListView);

  String[] b = { "#", "A", "B", "C", "D", "E", "F", "G", "H", "S", "W",
    "X", "Z" };
  letterListView.setB(stringArr3);

  letterListView
    .setOnTouchingLetterChangedListener(new LetterListViewListener());

  handler = new Handler();
  // 初始化首字母悬浮提示框
  txtOverlay = (TextView) LayoutInflater.from(this).inflate(
    R.layout.popup_char, null);
  txtOverlay.setVisibility(View.INVISIBLE);
  WindowManager.LayoutParams lp = new WindowManager.LayoutParams(
    LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT,
    WindowManager.LayoutParams.TYPE_APPLICATION,
    WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE
      | WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE,
    PixelFormat.TRANSLUCENT);
  windowManager = (WindowManager) getSystemService(Context.WINDOW_SERVICE);
  windowManager.addView(txtOverlay, lp);
  // 初始化ListAdapter
  listAdapter = new ListAdapter(this, stringArr, this, map);
  listMain = (ListView) findViewById(R.id.listInfo);
  listMain.setOnItemClickListener(this);
  listMain.setOnScrollListener(this);
  listMain.setAdapter(listAdapter);
  disapearThread = new DisapearThread();
 }

 public void onScroll(AbsListView view, int firstVisibleItem,
   int visibleItemCount, int totalItemCount) {
  // txtOverlay.setText(String.valueOf(stringArr[firstVisibleItem +
  // (visibleItemCount >> 1)]
  // .charAt(0)));//泡泡文字以中间的显示为准

  txtOverlay
    .setText(String.valueOf(stringArr[firstVisibleItem].charAt(0)));// 泡泡文字以第一个可见列表为准
 }

 public void onScrollStateChanged(AbsListView view, int scrollState) {
  this.scrollState = scrollState;
  if (scrollState == ListView.OnScrollListener.SCROLL_STATE_IDLE) {
   handler.removeCallbacks(disapearThread);
   // 提示延迟1.5s再消失
   boolean bool = handler.postDelayed(disapearThread, 1500);
  } else {
   txtOverlay.setVisibility(View.VISIBLE);
  }
 }

 public void onItemClick(AdapterView<?> parent, View view, int position,
   long id) {
  // String personalName = stringArr[position];
  String personalName = map.get(stringArr[position]);
 }

 public void onClick(View view) {

 }

 private class DisapearThread implements Runnable {
  public void run() {
   // 避免在1.5s内，用户再次拖动时提示框又执行隐藏命令。
   if (scrollState == ListView.OnScrollListener.SCROLL_STATE_IDLE) {
    txtOverlay.setVisibility(View.INVISIBLE);
   }
  }
 }

 public void onDestroy() {
  super.onDestroy();
  // 将txtOverlay删除。
  txtOverlay.setVisibility(View.INVISIBLE);
  windowManager.removeView(txtOverlay);
 }

 /**
  * 把单个英文字母或者字符串转换成数字ASCII码
  *
  * @param input
  * @return
  */
 public static int character2ASCII(String input) {
  char[] temp = input.toCharArray();
  StringBuilder builder = new StringBuilder();
  for (char each : temp) {
   builder.append((int) each);
  }
  String result = builder.toString();
  return Integer.parseInt(result);
 }
}

 

(2)ListAdapter,列表适配器

package com.lmj.quickaction;

import java.util.HashMap;
import java.util.Map;

import android.content.Context;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

/**
 * @author lmj
 * 列表适配器
 */
public class ListAdapter extends BaseAdapter {
 private LayoutInflater layoutInflater;
 private OnClickListener onClickListener;
 private String[] stringArr;
 private Map<String, String> map = new HashMap<String, String>();

 public ListAdapter(Context context, String[] arr, OnClickListener listener,Map<String, String> map) {
  layoutInflater = LayoutInflater.from(context);
  this.onClickListener = listener;
  stringArr = arr;
  this.map = map;
 }

 public int getCount() {
  return stringArr == null ? 0 : stringArr.length;
 }

 public Object getItem(int position) {
 
  Log.d("position", position+"--->"+stringArr[position]);
 
  if (stringArr != null) {
   String string = map.get(stringArr[position]);
   return string;
  }
  return null;
 }

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

 public View getView(int position, View convertView, ViewGroup parent) {
  ViewHolder holder = null;
  if (convertView == null) {
   convertView = layoutInflater.inflate(R.layout.list_item, null);
   holder = new ViewHolder();
   holder.firstCharHintTextView = (TextView) convertView
     .findViewById(R.id.text_first_char_hint);
   holder.nameTextView = (TextView) convertView.findViewById(R.id.text_website_name);
   convertView.setTag(holder);
  } else {
   holder = (ViewHolder) convertView.getTag();
  }
  holder.nameTextView.setText(map.get(stringArr[position]));
  int idx = position - 1;
  char previewChar = idx >= 0 ? stringArr[idx].charAt(0) : ' ';
  char currentChar = stringArr[position].charAt(0);
  if (currentChar != previewChar) {
   holder.firstCharHintTextView.setVisibility(View.VISIBLE);
   holder.firstCharHintTextView.setText(String.valueOf(currentChar));
  } else {
   //实例化一个CurrentView后，会被多次赋值并且只有最后一次赋值的position是正确
   holder.firstCharHintTextView.setVisibility(View.GONE);
  }
  return convertView;
 }

 public final class ViewHolder {
  public TextView firstCharHintTextView;
  public TextView nameTextView;
 }
}

(3)RightCharacterListView,右侧字母表，快速定位

package com.lmj.quickaction;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Typeface;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;

/**
 * 右侧字母表，快速定位
 * @author lmj
 *
 */
public class RightCharacterListView extends View {
 private String[] b = null;

 public void setB(String[] b) {
  this.b = b;
 }

 OnTouchingLetterChangedListener onTouchingLetterChangedListener;
// String[] b = {"A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K",
//   "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X",
//   "Y", "Z" };
 
// String[] b = {"A", "B", "C", "D", "E", "F", "G", "H", "S", "W", "X",
//   "Z" };
 int choose = -1;
 Paint paint = new Paint();
 boolean showBkg = false;

 public RightCharacterListView(Context context, AttributeSet attrs, int defStyle) {
  super(context, attrs, defStyle);
 }

 public RightCharacterListView(Context context, AttributeSet attrs) {
  super(context, attrs);
 }

 public RightCharacterListView(Context context) {
  super(context);
 }

 @Override
 protected void onDraw(Canvas canvas) {
  super.onDraw(canvas);
  if (showBkg) {
   canvas.drawColor(Color.parseColor("#40000000"));
  }

  int height = getHeight();
  int width = getWidth();
  int singleHeight = height / b.length;
  for (int i = 0; i < b.length; i++) {
   paint.setColor(Color.WHITE);
   paint.setTypeface(Typeface.DEFAULT_BOLD);
   paint.setAntiAlias(true);
   if (i == choose) {
    paint.setColor(Color.parseColor("#3399ff"));
    paint.setFakeBoldText(true);
   }
   float xPos = width / 2 - paint.measureText(b[i]) / 2;
   float yPos = singleHeight * i + singleHeight;
   canvas.drawText(b[i], xPos, yPos, paint);
   paint.reset();
  }

 }

 @Override
 public boolean dispatchTouchEvent(MotionEvent event) {
  final int action = event.getAction();
  final float y = event.getY();
  final int oldChoose = choose;
  final OnTouchingLetterChangedListener listener = onTouchingLetterChangedListener;
  final int c = (int) (y / getHeight() * b.length);

  switch (action) {
  case MotionEvent.ACTION_DOWN:
   showBkg = true;
   if (oldChoose != c && listener != null) {
    if (c >0 && c < b.length) { //如果第一个字母是#，无效点击的话，条件变为c>0
     listener.onTouchingLetterChanged(b[c]);
     choose = c;
     invalidate();
    }
   }

   break;
  case MotionEvent.ACTION_MOVE:
   if (oldChoose != c && listener != null) {
    if (c >0 && c < b.length) {  //如果第一个字母是#，无效点击的话，条件变为c>0
     listener.onTouchingLetterChanged(b[c]);
     choose = c;
     invalidate();
    }
   }
   break;
  case MotionEvent.ACTION_UP:
   showBkg = false;
   choose = -1;
   invalidate();
   break;
  }
  return true;
 }

 @Override
 public boolean onTouchEvent(MotionEvent event) {
  return super.onTouchEvent(event);
 }

 public void setOnTouchingLetterChangedListener(
   OnTouchingLetterChangedListener onTouchingLetterChangedListener) {
  this.onTouchingLetterChangedListener = onTouchingLetterChangedListener;
 }

 public interface OnTouchingLetterChangedListener {
  public void onTouchingLetterChanged(String s);
 }

}

(4)main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
 <ListView android:id="@+id/listInfo"   
         android:focusable="true"   
         android:layout_weight="1.0"   
         android:layout_height="wrap_content"   
         android:layout_width="fill_parent"   
         android:fastScrollEnabled="true" 
         android:cacheColorHint="#00000000" 
         android:background="@drawable/background"   
     >
    </ListView>
   
    <com.lmj.quickaction.RightCharacterListView
     android:id="@+id/rightCharacterListView"
  android:background="#40000000"
  android:layout_width="30dip"
  android:layout_height="fill_parent"
  android:layout_alignParentRight="true" />
 
</RelativeLayout>
(5)list_item.xml<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:orientation="vertical"
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:id="@+id/list_item_parent_layout"
 >
 <TextView android:id="@+id/text_first_char_hint"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:textSize="@dimen/list_first_char_hint_text_size"
  android:background="@color/char_color"
  android:textColor="@*android:color/dim_foreground_light"
  android:paddingLeft="@dimen/list_item_first_char_padding"
  android:visibility="gone">
 </TextView>
 
 <LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="horizontal"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content">
  <LinearLayout
   android:orientation="vertical"
   android:layout_width="wrap_content"
   android:layout_height="fill_parent"
   android:layout_weight="1">
   <TextView android:id="@+id/text_website_name"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:textColor="@android:color/white"
    android:textSize="@dimen/list_item_name_size"
    android:singleLine="true"
         android:ellipsize="marquee"
   ></TextView>
  </LinearLayout>
  <View android:id="@+id/divider"
   android:background="@*android:color/dim_foreground_dark"
   android:focusable="false"
   android:clickable="false"
   android:longClickable="false"
   android:layout_marginTop="@dimen/list_item_divider_margin"
   android:layout_marginBottom="@dimen/list_item_divider_margin"
   android:layout_width="1dp"
   android:layout_height="fill_parent"
   android:gravity="center_vertical"
  ></View>
 </LinearLayout>
</LinearLayout>

(6)popup_char.xml

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:textSize="@dimen/popup_char_min_length"
    android:textColor="@android:color/white"
    android:background="@color/popup_char_color"
    android:minWidth="@dimen/popup_char_min_length"
    android:maxWidth="@dimen/popup_char_min_length"
    android:gravity="center"
/>

(7)dimension.xml，资源文件

<?xml version="1.0" encoding="UTF-8"?>
<resources>
 <dimen name="list_first_char_hint_text_size">15sp</dimen>
 <dimen name="list_item_order_number_size">30sp</dimen>
 <dimen name="list_item_first_view_right_margin">30sp</dimen>
 <dimen name="list_item_first_char_padding">10dip</dimen>
 <dimen name="list_item_name_size">25sp</dimen>
 <dimen name="list_item_divider_margin">5dip</dimen>
 <dimen name="list_item_icon_length">50sp</dimen>
 <dimen name="popup_char_min_length">70dip</dimen>
</resources>

还有string.xml和color.xml就不贴了，也就几个，缺啥就补啥。

好了，今天就到这吧，朋友们有啥问题的给我留言，只要我能解决的，一定告诉大家。

以为写个博客就10分钟的事情，实际上我用了一个小时，oh,My God!!

不过要是有人能用的上，我的时间也算是有所值了，呵呵。

有问题欢迎讨论，还望各位口下留情。

 忘了，还缺了个图片：

和第三方jar包pinyin4j-2.5.0，jar包自己下吧，呵呵。

 

源码下载：http://download.csdn.net/detail/nicholas6lee/4355391