Android学习笔记（三）之带有侧边索引的快速查找（跟带字母索引查找的通讯录差不多）

http://blog.csdn.net/loongggdroid/article/details/9789261

效果图如下：

第一步：MainActivity的代码如下：

 package net.loonggg.test;

 import java.util.ArrayList;
 import java.util.Arrays;
 import java.util.HashMap;
 import java.util.List;
 import java.util.TreeSet;

 import android.os.Bundle;
 import android.app.Activity;
 import android.graphics.Color;
 import android.view.MotionEvent;
 import android.view.View;
 import android.view.View.OnTouchListener;
 import android.view.Window;
 import android.widget.LinearLayout;
 import android.widget.ListView;
 import android.widget.TextView;
 import android.widget.LinearLayout.LayoutParams;

 public class MainActivity extends Activity {
     private HashMap<String, Integer> selector;// 存放含有索引字母的位置
     private LinearLayout layoutIndex;
     private ListView listView;
     private TextView tv_show;
     private ListViewAdapter adapter;
     private String[] indexStr = { "#", "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" };
     private List<Person> persons = null;
     private List<Person> newPersons = new ArrayList<Person>();
     private int height;// 字体高度
     private boolean flag = false;

     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         // 去标题栏
         requestWindowFeature(Window.FEATURE_NO_TITLE);
         setContentView(R.layout.activity_main);
         layoutIndex = (LinearLayout) this.findViewById(R.id.layout);
         layoutIndex.setBackgroundColor(Color.parseColor("#00ffffff"));
         listView = (ListView) findViewById(R.id.listView);
         tv_show = (TextView) findViewById(R.id.tv);
         tv_show.setVisibility(View.GONE);
         setData();
         String[] allNames = sortIndex(persons);
         sortList(allNames);

         selector = new HashMap<String, Integer>();
         for (int j = 0; j < indexStr.length; j++) {// 循环字母表，找出newPersons中对应字母的位置
             for (int i = 0; i < newPersons.size(); i++) {
                 if (newPersons.get(i).getName().equals(indexStr[j])) {
                     selector.put(indexStr[j], i);
                 }
             }

         }
         adapter = new ListViewAdapter(this, newPersons);
         listView.setAdapter(adapter);
     }

     /**
      * 重新排序获得一个新的List集合
      *
      * @param allNames
      */
     private void sortList(String[] allNames) {
         for (int i = 0; i < allNames.length; i++) {
             if (allNames[i].length() != 1) {
                 for (int j = 0; j < persons.size(); j++) {
                     if (allNames[i].equals(persons.get(j).getPinYinName())) {
                         Person p = new Person(persons.get(j).getName(), persons
                                 .get(j).getPinYinName());
                         newPersons.add(p);
                     }
                 }
             } else {
                 newPersons.add(new Person(allNames[i]));
             }
         }
     }

     @Override
     public void onWindowFocusChanged(boolean hasFocus) {
         // 在oncreate里面执行下面的代码没反应，因为oncreate里面得到的getHeight=0
         if (!flag) {// 这里为什么要设置个flag进行标记，我这里不先告诉你们，请读者研究，因为这对你们以后的开发有好处
             height = layoutIndex.getMeasuredHeight() / indexStr.length;
             getIndexView();
             flag = true;
         }
     }

     /**
      * 获取排序后的新数据
      *
      * @param persons
      * @return
      */
     public String[] sortIndex(List<Person> persons) {
         TreeSet<String> set = new TreeSet<String>();
         // 获取初始化数据源中的首字母，添加到set中
         for (Person person : persons) {
             set.add(StringHelper.getPinYinHeadChar(person.getName()).substring(
                     0, 1));
         }
         // 新数组的长度为原数据加上set的大小
         String[] names = new String[persons.size() + set.size()];
         int i = 0;
         for (String string : set) {
             names[i] = string;
             i++;
         }
         String[] pinYinNames = new String[persons.size()];
         for (int j = 0; j < persons.size(); j++) {
             persons.get(j).setPinYinName(
                     StringHelper
                             .getPingYin(persons.get(j).getName().toString()));
             pinYinNames[j] = StringHelper.getPingYin(persons.get(j).getName()
                     .toString());
         }
         // 将原数据拷贝到新数据中
         System.arraycopy(pinYinNames, 0, names, set.size(), pinYinNames.length);
         // 自动按照首字母排序
         Arrays.sort(names, String.CASE_INSENSITIVE_ORDER);
         return names;
     }

     /**
      * 绘制索引列表
      */
     public void getIndexView() {
         LinearLayout.LayoutParams params = new LayoutParams(
                 LayoutParams.WRAP_CONTENT, height);
         for (int i = 0; i < indexStr.length; i++) {
             final TextView tv = new TextView(this);
             tv.setLayoutParams(params);
             tv.setText(indexStr[i]);
             tv.setPadding(10, 0, 10, 0);
             layoutIndex.addView(tv);
             layoutIndex.setOnTouchListener(new OnTouchListener() {

                 @Override
                 public boolean onTouch(View v, MotionEvent event)

                 {
                     float y = event.getY();
                     int index = (int) (y / height);
                     if (index > -1 && index < indexStr.length) {// 防止越界
                         String key = indexStr[index];
                         if (selector.containsKey(key)) {
                             int pos = selector.get(key);
                             if (listView.getHeaderViewsCount() > 0) {// 防止ListView有标题栏，本例中没有。
                                 listView.setSelectionFromTop(
                                         pos + listView.getHeaderViewsCount(), 0);
                             } else {
                                 listView.setSelectionFromTop(pos, 0);// 滑动到第一项
                             }
                             tv_show.setVisibility(View.VISIBLE);
                             tv_show.setText(indexStr[index]);
                         }
                     }
                     switch (event.getAction()) {
                     case MotionEvent.ACTION_DOWN:
                         layoutIndex.setBackgroundColor(Color
                                 .parseColor("#606060"));
                         break;

                     case MotionEvent.ACTION_MOVE:

                         break;
                     case MotionEvent.ACTION_UP:
                         layoutIndex.setBackgroundColor(Color
                                 .parseColor("#00ffffff"));
                         tv_show.setVisibility(View.GONE);
                         break;
                     }
                     return true;
                 }
             });
         }
     }

     /**
      * 设置模拟数据
      */
     private void setData() {
         persons = new ArrayList<Person>();
         Person p1 = new Person("耿琦");
         persons.add(p1);
         Person p2 = new Person("王宝强");
         persons.add(p2);
         Person p3 = new Person("柳岩");
         persons.add(p3);
         Person p4 = new Person("文章");
         persons.add(p4);
         Person p5 = new Person("马伊琍");
         persons.add(p5);
         Person p6 = new Person("李晨");
         persons.add(p6);
         Person p7 = new Person("张馨予");
         persons.add(p7);
         Person p8 = new Person("韩红");
         persons.add(p8);
         Person p9 = new Person("韩寒");
         persons.add(p9);
         Person p10 = new Person("丹丹");
         persons.add(p10);
         Person p11 = new Person("丹凤眼");
         persons.add(p11);
         Person p12 = new Person("哈哈");
         persons.add(p12);
         Person p13 = new Person("萌萌");
         persons.add(p13);
         Person p14 = new Person("蒙混");
         persons.add(p14);
         Person p15 = new Person("烟花");
         persons.add(p15);
         Person p16 = new Person("眼黑");
         persons.add(p16);
         Person p17 = new Person("许三多");
         persons.add(p17);
         Person p18 = new Person("程咬金");
         persons.add(p18);
         Person p19 = new Person("程哈哈");
         persons.add(p19);
         Person p20 = new Person("爱死你");
         persons.add(p20);
         Person p21 = new Person("阿莱");
         persons.add(p21);

     }

 }

此Activity的布局文件如下：

 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="fill_parent"
     android:layout_height="match_parent"
     android:background="#ffffff"
     android:orientation="vertical" >

     <TextView
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:padding="10dp"
         android:text="列表显示"
         android:textColor="#000000"
         android:textSize="16sp" />

     <FrameLayout
         android:layout_width="match_parent"
         android:layout_height="match_parent"
         android:background="#ffffff" >

         <ListView
             android:id="@+id/listView"
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:cacheColorHint="#00000000"
             android:fadingEdge="none"
             android:scrollbars="none" >
         </ListView>

         <TextView
             android:id="@+id/tv"
             android:layout_width="60dp"
             android:layout_height="60dp"
             android:layout_gravity="center"
             android:background="#f0606060"
             android:gravity="center"
             android:text="A"
             android:textColor="#ffffff"
             android:textSize="30sp" />

         <LinearLayout
             android:id="@+id/layout"
             android:layout_width="wrap_content"
             android:layout_height="fill_parent"
             android:layout_gravity="right"
             android:background="#d7d7d7"
             android:gravity="center"
             android:orientation="vertical" >
         </LinearLayout>
     </FrameLayout>

 </LinearLayout>

第二步：自定义了一个Adapter，代码如下：

 package net.loonggg.test;

 import java.util.List;

 import android.content.Context;
 import android.view.LayoutInflater;
 import android.view.View;
 import android.view.ViewGroup;
 import android.widget.BaseAdapter;
 import android.widget.TextView;

 public class ListViewAdapter extends BaseAdapter {
     private Context context;
     private List<Person> list;
     private ViewHolder viewHolder;

     public ListViewAdapter(Context context, List<Person> list) {
         this.context = context;
         this.list = list;
     }

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

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

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

     @Override
     public boolean isEnabled(int position) {
         // TODO Auto-generated method stub
         if (list.get(position).getName().length() == 1)// 如果是字母索引
             return false;// 表示不能点击
         return super.isEnabled(position);
     }

     @Override
     public View getView(int position, View convertView, ViewGroup parent) {
         String item = list.get(position).getName();
         viewHolder = new ViewHolder();
         if (item.length() == 1) {
             convertView = LayoutInflater.from(context).inflate(R.layout.index,
                     null);
             viewHolder.indexTv = (TextView) convertView
                     .findViewById(R.id.indexTv);
         } else {
             convertView = LayoutInflater.from(context).inflate(R.layout.item,
                     null);
             viewHolder.itemTv = (TextView) convertView
                     .findViewById(R.id.itemTv);
         }
         if (item.length() == 1) {
             viewHolder.indexTv.setText(list.get(position).getName());
         } else {
             viewHolder.itemTv.setText(list.get(position).getName());
         }
         return convertView;
     }

     private class ViewHolder {
         private TextView indexTv;
         private TextView itemTv;
     }

 }

第三步：用到的ListView中的子布局文件如下：

1、index.xml布局文件代码如下：

 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="fill_parent"
     android:layout_height="wrap_content"
     android:background="#9c9c9c"
     android:orientation="vertical"
     android:paddingBottom="5dp"
     android:paddingLeft="10dp"
     android:paddingTop="5dp" >

     <TextView
         android:id="@+id/indexTv"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:textColor="#0f0f0f" />

 </LinearLayout>

2、item.xml布局文件代码如下：

 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="fill_parent"
     android:layout_height="wrap_content"
     android:background="#ffffff"
     android:orientation="vertical"
     android:paddingBottom="5dp"
     android:paddingLeft="20dp"
     android:paddingTop="5dp" >

     <TextView
         android:id="@+id/itemTv"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:textColor="#000000"
         android:textSize="20sp" />

 </LinearLayout>

第四步：用到的实体类及工具类如下：

1、Person.java代码如下：

 package net.loonggg.test;

 public class Person {
     private String name;
     private String pinYinName;

     public Person(String name) {
         super();
         this.name = name;
     }

     public Person(String name, String pinYinName) {
         super();
         this.name = name;
         this.pinYinName = pinYinName;
     }

     public String getName() {
         return name;
     }

     public void setName(String name) {
         this.name = name;
     }

     public String getPinYinName() {
         return pinYinName;
     }

     public void setPinYinName(String pinYinName) {
         this.pinYinName = pinYinName;
     }

 }

2、工具类代码如下：

 package net.loonggg.test;

 import net.sourceforge.pinyin4j.PinyinHelper;
 import net.sourceforge.pinyin4j.format.HanyuPinyinCaseType;
 import net.sourceforge.pinyin4j.format.HanyuPinyinOutputFormat;
 import net.sourceforge.pinyin4j.format.HanyuPinyinToneType;
 import net.sourceforge.pinyin4j.format.HanyuPinyinVCharType;
 import net.sourceforge.pinyin4j.format.exception.BadHanyuPinyinOutputFormatCombination;

 public class StringHelper {
     /**
      * 得到 全拼
      *
      * @param src
      * @return
      */
     public static String getPingYin(String src) {
         char[] t1 = null;
         t1 = src.toCharArray();
         String[] t2 = new String[t1.length];
         HanyuPinyinOutputFormat t3 = new HanyuPinyinOutputFormat();
         t3.setCaseType(HanyuPinyinCaseType.LOWERCASE);
         t3.setToneType(HanyuPinyinToneType.WITHOUT_TONE);
         t3.setVCharType(HanyuPinyinVCharType.WITH_V);
         String t4 = "";
         int t0 = t1.length;
         try {
             for (int i = 0; i < t0; i++) {
                 // 判断是否为汉字字符
                 if (java.lang.Character.toString(t1[i]).matches(
                         "[\\u4E00-\\u9FA5]+")) {
                     t2 = PinyinHelper.toHanyuPinyinStringArray(t1[i], t3);
                     t4 += t2[0];
                 } else {
                     t4 += java.lang.Character.toString(t1[i]);
                 }
             }
             return t4;
         } catch (BadHanyuPinyinOutputFormatCombination e1) {
             e1.printStackTrace();
         }
         return t4;
     }

     /**
      * 得到首字母
      *
      * @param str
      * @return
      */
     public static String getHeadChar(String str) {

         String convert = "";
         char word = str.charAt(0);
         String[] pinyinArray = PinyinHelper.toHanyuPinyinStringArray(word);
         if (pinyinArray != null) {
             convert += pinyinArray[0].charAt(0);
         } else {
             convert += word;
         }
         return convert.toUpperCase();
     }

     /**
      * 得到中文首字母缩写
      *
      * @param str
      * @return
      */
     public static String getPinYinHeadChar(String str) {

         String convert = "";
         for (int j = 0; j < str.length(); j++) {
             char word = str.charAt(j);
             String[] pinyinArray = PinyinHelper.toHanyuPinyinStringArray(word);
             if (pinyinArray != null) {
                 convert += pinyinArray[0].charAt(0);
             } else {
                 convert += word;
             }
         }
         return convert.toUpperCase();
     }
 }

到这里就完事，非常简单吧！喜欢我就关注我哦！

求源码，请关注微信订阅号：smart_android，微信名：非著名程序员，关注成功后，给微信号发送您的邮箱，源码就会发到您的邮箱里。发送格式：发送内容+您的邮箱（内容即为你要的源码内容）