仿美团实现地域选择和城市列表

介绍

在开发O2O相关应用的时候，肯定会有定位，选择所在城市，选择地域，然后再向服务器请求该地区的相关数据，这时就需要我们提供一个导向让用户选择所在区域。

看来看去，最终还是选择模仿美团，感觉用户体验最好。

《-美团的地域选择看起来是这样的

原理

1、定位我们可以使用第三方API，例如百度地图，腾讯地图等，官方文档写的非常清楚了。

百度地图地址：http://developer.baidu.com/map/index.php?title=androidsdk，这里不再多述，demo也不涉及定位相关代码。

2、对于RadioButton的布局，之前尝试过使用GridLayout，GridView，但是都无法完美的展示布局效果，最后决定使用LinearLayout+RadioButton动态生成，通过view.getChildCount()，view.getChildAt()循环遍历所有的RadionButton，模拟实现换行的RadioGroup效果。

3、PopupWindow默认情况下窗口后的背景不是黑色透明的，我们可以通过这是窗口的alpha实现

　　　　　　　　　 WindowManager.LayoutParams lp = getWindow().getAttributes();                lp.alpha = 0.4f;                getWindow().setAttributes(lp);

然后在窗口关闭的时候又恢复

        mPopuWindow.setOnDismissListener(new OnDismissListener() {            // 在dismiss中恢复透明度            public void onDismiss() {                WindowManager.LayoutParams lp = getWindow().getAttributes();                lp.alpha = 1f;                getWindow().setAttributes(lp);            }        });

4、自定义RadioButton背景使用xml定义shape即可，然后通过selector定义状态样式。

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android" >    <corners android:radius="3dp" />    <solid android:color="#FFFFFF" />    <stroke        android:width="1dp"        android:color="#cecece" /></shape>

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">    <item android:drawable="@drawable/radio_district_p" android:state_checked="true" />    <item android:drawable="@drawable/radio_district_p" android:state_pressed="true"/>    <item android:drawable="@drawable/radio_district_n"/></selector>

实现

核心代码

[java] view plain copy

1. /** 
2.  * @author Leestar54  
3.  * http://www.cnblogs.com/leestar54 
4.  */  
5. package com.example.popupwindow;  
6.   
7. import java.util.ArrayList;  
8.   
9. import android.support.v7.app.ActionBarActivity;  
10. import android.graphics.drawable.ColorDrawable;  
11. import android.os.Bundle;  
12. import android.view.LayoutInflater;  
13. import android.view.Menu;  
14. import android.view.MenuItem;  
15. import android.view.View;  
16. import android.view.View.OnClickListener;  
17. import android.view.WindowManager;  
18. import android.widget.LinearLayout;  
19. import android.widget.LinearLayout.LayoutParams;  
20. import android.widget.PopupWindow;  
21. import android.widget.PopupWindow.OnDismissListener;  
22. import android.widget.RadioButton;  
23. import android.widget.TextView;  
24.   
25. public class MainActivity extends ActionBarActivity {  
26.     private PopupWindow mPopuWindow;  
27.     private LinearLayout ll_location;  
28.     private TextView txt_city_d;  
29.   
30.     @Override  
31.     protected void onCreate(Bundle savedInstanceState) {  
32.         super.onCreate(savedInstanceState);  
33.         setContentView(R.layout.activity_main);  
34.         getSupportActionBar().setDisplayShowHomeEnabled(false);// 隐藏logo  
35.         getSupportActionBar().setDisplayShowCustomEnabled(true);  
36.         getSupportActionBar().setCustomView(R.layout.actionbar);  
37.         txt_city_d = (TextView) getSupportActionBar().getCustomView()  
38.                 .findViewById(R.id.txt_city);  
39.   
40.         mPopuWindow = new PopupWindow(LayoutParams.MATCH_PARENT,  
41.                 LayoutParams.WRAP_CONTENT);  
42.         mPopuWindow.setOutsideTouchable(true);// 点击外部可关闭窗口  
43.         mPopuWindow.setFocusable(true);  
44.         mPopuWindow.update();  
45.         mPopuWindow.setOnDismissListener(new OnDismissListener() {  
46.   
47.             // 在dismiss中恢复透明度  
48.             public void onDismiss() {  
49.                 WindowManager.LayoutParams lp = getWindow().getAttributes();  
50.                 lp.alpha = 1f;  
51.                 getWindow().setAttributes(lp);  
52.             }  
53.         });  
54.   
55.         ll_location = (LinearLayout) getSupportActionBar().getCustomView()  
56.                 .findViewById(R.id.ll_location);  
57.         ll_location.setOnClickListener(new OnClickListener() {  
58.   
59.             @Override  
60.             public void onClick(View v) {  
61.                 // 这两行代码意义在于点击窗体外时获得响应  
62.                 ColorDrawable cd = new ColorDrawable(0x000000);  
63.                 mPopuWindow.setBackgroundDrawable(cd);  
64.   
65.                 // 打开窗口时设置窗体背景透明度  
66.                 WindowManager.LayoutParams lp = getWindow().getAttributes();  
67.                 lp.alpha = 0.4f;  
68.                 getWindow().setAttributes(lp);  
69.                 mPopuWindow.showAsDropDown(getSupportActionBar()  
70.                         .getCustomView());  
71.             }  
72.         });  
73.   
74.         // 模拟数据  
75.         ArrayList<District> dlist = new ArrayList<District>();  
76.         District d1 = new District();  
77.         d1.setName("青秀区");  
78.         District d2 = new District();  
79.         d2.setName("兴宁区");  
80.         District d3 = new District();  
81.         d3.setName("西乡塘区");  
82.         District d4 = new District();  
83.         d4.setName("江南区");  
84.         District d5 = new District();  
85.         d5.setName("良庆区");  
86.         District d6 = new District();  
87.         d6.setName("近郊");  
88.   
89.         dlist.add(d1);  
90.         dlist.add(d2);  
91.         dlist.add(d3);  
92.         dlist.add(d4);  
93.         dlist.add(d5);  
94.         dlist.add(d6);  
95.         // 初始化PopupWindow  
96.         initPopupWindow(dlist);  
97.     }  
98.   
99.     private void initPopupWindow(ArrayList<District> list) {  
100.         LinearLayout root = (LinearLayout) LayoutInflater.from(  
101.                 MainActivity.this).inflate(R.layout.popup_district, null);  
102.         // ((TextView) root.findViewById(R.id.txt_city)).setText(cityname);  
103.         ((LinearLayout) root.findViewById(R.id.ll_change_cities))  
104.                 .setOnClickListener(new OnClickListener() {  
105.   
106.                     @Override  
107.                     public void onClick(View v) {  
108.                         // Intent it = new Intent(MainActivity.this,  
109.                         // CitiesActivity.class);  
110.                         // startActivityForResult(it, 54);  
111.                         // mPopuWindow.dismiss();  
112.                     }  
113.                 });  
114.   
115.         final LinearLayout view = (LinearLayout) root  
116.                 .findViewById(R.id.ll_district);  
117.         LinearLayout ll = null;  
118.   
119.         // 在列表最前面添加全部  
120.         District d = new District();  
121.         d.setName("全城");  
122.         list.add(0, d);  
123.   
124.         // 代码动态生成  
125.         for (int i = 0; i < list.size(); i++) {  
126.             // 这里LinearLayout肯定会实例化，因为一开始i=0，由于3个换行，所以%3  
127.             if (i % 3 == 0) {  
128.                 ll = new LinearLayout(MainActivity.this);  
129.                 ll.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT,  
130.                         LayoutParams.WRAP_CONTENT));  
131.                 ll.setOrientation(LinearLayout.HORIZONTAL);  
132.                 view.addView(ll);  
133.             }  
134.   
135.             District de = list.get(i);  
136.   
137.             // 由于样式设置麻烦，所以直接用xml声明样式了。  
138.             View v = LayoutInflater.from(MainActivity.this).inflate(  
139.                     R.layout.item_radio_district, null);  
140.             ((RadioButton) v.findViewById(R.id.rb_district)).setText(de  
141.                     .getName());  
142.             ((RadioButton) v.findViewById(R.id.rb_district)).setTag(de);  
143.             LayoutParams lp = new LayoutParams(LayoutParams.MATCH_PARENT,  
144.                     LayoutParams.MATCH_PARENT);  
145.             lp.weight = 1;  
146.   
147.             // 一开始，设置“全部”RadioButton为选中状态  
148.             if (i == 0) {  
149.                 ((RadioButton) v.findViewById(R.id.rb_district))  
150.                         .setChecked(true);  
151.             }  
152.             ((RadioButton) v.findViewById(R.id.rb_district))  
153.                     .setOnClickListener(new OnClickListener() {  
154.   
155.                         @Override  
156.                         public void onClick(View v) {  
157.                             RadioButton rb = (RadioButton) v;  
158.                             // check事件发生在click之前，模拟group操作。  
159.                             if (rb.isChecked()) {  
160.   
161.                                 // 当点击Button时，遍历布局中所有的RadioButton，设置为未选中。  
162.                                 for (int i = 0; i < view.getChildCount(); i++) {  
163.                                     LinearLayout l = (LinearLayout) view  
164.                                             .getChildAt(i);  
165.                                     for (int j = 0; j < l.getChildCount(); j++) {  
166.                                         // 根据xml布局的定义，可以知道具体是在第几层LinearLayout里。  
167.                                         RadioButton b = (RadioButton) ((LinearLayout) ((LinearLayout) l  
168.                                                 .getChildAt(j)).getChildAt(0))  
169.                                                 .getChildAt(0);  
170.                                         b.setChecked(false);  
171.                                     }  
172.                                 }  
173.                             }  
174.                             // 完成后，设置该按钮选中  
175.                             rb.setChecked(true);  
176.   
177.                             // 这里开始处理点击  
178.                             District d = (District) rb.getTag();  
179.                             txt_city_d.setText("南宁" + "-" + d.getName());  
180.                             mPopuWindow.dismiss();  
181.                         }  
182.                     });  
183.             ll.addView(v, lp);  
184.         }  
185.   
186.         // 填充RadioButton空白，使其布局对其，保证每行都有3个，只不过设置看不见而已。  
187.         for (int i = list.size() % 3; i < 3 && i != 0; i++) {  
188.             District dd = list.get(i);  
189.             View v = LayoutInflater.from(MainActivity.this).inflate(  
190.                     R.layout.item_radio_district, null);  
191.             ((RadioButton) v.findViewById(R.id.rb_district)).setText(dd  
192.                     .getName());  
193.             ((RadioButton) v.findViewById(R.id.rb_district))  
194.                     .setVisibility(View.INVISIBLE);  
195.             LayoutParams lp = new LayoutParams(LayoutParams.MATCH_PARENT,  
196.                     LayoutParams.MATCH_PARENT);  
197.             lp.weight = 1;  
198.             ll.addView(v, lp);  
199.         }  
200.         mPopuWindow.setContentView(root);  
201.         mPopuWindow.update();  
202.     }  
203.   
204.     @Override  
205.     public boolean onCreateOptionsMenu(Menu menu) {  
206.         // Inflate the menu; this adds items to the action bar if it is present.  
207.         getMenuInflater().inflate(R.menu.main, menu);  
208.         return true;  
209.     }  
210.   
211.     @Override  
212.     public boolean onOptionsItemSelected(MenuItem item) {  
213.         // Handle action bar item clicks here. The action bar will  
214.         // automatically handle clicks on the Home/Up button, so long  
215.         // as you specify a parent activity in AndroidManifest.xml.  
216.         int id = item.getItemId();  
217.         if (id == R.id.action_settings) {  
218.             return true;  
219.         }  
220.         return super.onOptionsItemSelected(item);  
221.     }  
222. }  

Demo看起来是这样的

 

demo下载地址：

链接：http://pan.baidu.com/s/1mg5NrlA 密码：d6ii

介绍如何实现带有首字母的快速索引list，进行城市选择，我也是参考了相关博文才弄出来的，知道了原理，才发现如此简单。

其中有个开源项目可以参考，但与本文实现的方式略有不同。

地址：https://github.com/woozzu/IndexableListView

美团的城市选择看起来是这样的。本例中不包含搜索，有空再模仿研究下。

原理

1、侧边快速索引和首字母直接在framelayout中布局的，也可以用代码动态生成。

2、获取拼音首字写用到了pinyin4j开源库，但是这样效率低下，可以考虑数据库字段冗余拼音等方式提高效率。

3、使用Comparator对获取首字母的列表进行了排序。

4、按下快速索引之后，使用Listview.setSelectionFromTop进行定位。

实现

activity_city_list.xml布局

<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" >    <FrameLayout        android:layout_width="match_parent"        android:layout_height="match_parent"        android:background="#ffffff" >        <ListView            android:id="@+id/listView1"            android:layout_width="match_parent"            android:layout_height="wrap_content" >        </ListView>                <!-- 选中索引时，屏幕中间显示的大写字母 -->        <TextView            android:id="@+id/tv"            android:layout_width="60dp"            android:layout_height="60dp"            android:layout_gravity="center"            android:background="#aaffffff"            android:gravity="center"            android:text="A"            android:textColor="#aa000000"            android:textSize="30sp" />        <!-- 右侧快速索引列表 -->        <LinearLayout            android:id="@+id/layout"            android:layout_width="wrap_content"            android:layout_height="fill_parent"            android:layout_gravity="right"            android:layout_marginBottom="3dp"            android:layout_marginLeft="3dp"            android:layout_marginTop="3dp"            android:background="#d7d7d7"            android:gravity="center"            android:orientation="vertical" >        </LinearLayout>    </FrameLayout></LinearLayout>

item_city.xml布局

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:orientation="vertical" >    <!-- 列表中的index首字母，之后第一个首字母下的item显示，其他隐藏 -->    <TextView        android:id="@+id/tv_index"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:background="#777777"        android:paddingBottom="2dp"        android:paddingLeft="10dp"        android:paddingTop="2dp"        android:text="index"        android:textColor="#ffffff" />    <LinearLayout        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:orientation="horizontal"        android:paddingBottom="10dp"        android:paddingLeft="10dp"        android:paddingTop="10dp" >        <TextView            android:id="@+id/tv1"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_weight="1"            android:text="城市" />    </LinearLayout></LinearLayout>

CityListAdapter

[java] view plain copy

1. /** 
2.  * @author Leestar54  
3.  * http://www.cnblogs.com/leestar54 
4.  */  
5. package com.example.popupwindow;  
6.   
7. import java.util.HashMap;  
8. import java.util.List;  
9. import java.util.Map;  
10.   
11. import android.content.Context;  
12. import android.view.LayoutInflater;  
13. import android.view.View;  
14. import android.view.ViewGroup;  
15. import android.widget.BaseAdapter;  
16. import android.widget.ImageView;  
17. import android.widget.TextView;  
18.   
19. public class CityListAdapter extends BaseAdapter {  
20.     private Context ctx;  
21.     private ViewHolder holder;  
22.     List<CityListItem> list;  
23.     Map<String, Integer> selector;// 键值是索引表的字母，值为对应在listview中的位置  
24.     String index[];//字母表  
25.   
26.     public CityListAdapter(Context context, List<CityListItem> list, String[] index) {  
27.         this.ctx = context;  
28.         this.list = list;  
29.         this.index = index;  
30.         selector = new HashMap<String, Integer>();  
31.         // 循环字母表，找出list中对应字母的位置  
32.         for (int j = 0; j < index.length; j++) {  
33.             for (int i = 0; i < list.size(); i++) {  
34.                 // 由于已经按照字母排序过了，匹配中第一个就找下一个下标了。  
35.                 if (list.get(i).getIndex().equals(index[j].toLowerCase())) {  
36.                     selector.put(index[j], i);  
37.                     break;  
38.                 }  
39.             }  
40.         }  
41.     }  
42.   
43.     @Override  
44.     public int getCount() {  
45.         // TODO Auto-generated method stub  
46.         return list.size();  
47.     }  
48.   
49.     @Override  
50.     public Object getItem(int arg0) {  
51.         // TODO Auto-generated method stub  
52.         return list.get(arg0);  
53.     }  
54.   
55.     @Override  
56.     public long getItemId(int position) {  
57.         // TODO Auto-generated method stub  
58.         return 0;  
59.     }  
60.   
61.     @Override  
62.     public View getView(int position, View convertView, ViewGroup parent) {  
63.         try {  
64.             if (convertView == null) {  
65.                 holder = new ViewHolder();  
66.                 convertView = LayoutInflater.from(ctx).inflate(R.layout.item_city, null);  
67.                 holder.tv1 = (TextView) convertView.findViewById(R.id.tv1);  
68.                 holder.index = (TextView) convertView.findViewById(R.id.tv_index);  
69.                 convertView.setTag(holder);  
70.             } else {  
71.                 holder = (ViewHolder) convertView.getTag();  
72.             }  
73.             // 绑定数据  
74.             CityListItem item = list.get(position);  
75.             holder.tv1.setText(item.getName());  
76.   
77.             // 显示index  
78.             String currentStr = item.getIndex();  
79.             // 上一项的index  
80.             String previewStr = (position - 1) >= 0 ? list.get(position - 1).getIndex() : " ";  
81.   
82.             //判断是否上一次的存在  
83.             if (!previewStr.equals(currentStr)) {  
84.                 holder.index.setVisibility(View.VISIBLE);  
85.                 holder.index.setText(currentStr);// 文本显示当前滑动的字母  
86.             } else {  
87.                 holder.index.setVisibility(View.GONE);  
88.             }  
89.         } catch (OutOfMemoryError e) {  
90.             Runtime.getRuntime().gc();  
91.         } catch (Exception ex) {  
92.             ex.printStackTrace();  
93.         }  
94.         return convertView;  
95.     }  
96.   
97.     class ViewHolder {  
98.         TextView tv1;  
99.         TextView index;//索引字母  
100.     }  
101.   
102.     public Map<String, Integer> getSelector() {  
103.         return selector;  
104.     }  
105.   
106.     public void setSelector(Map<String, Integer> selector) {  
107.         this.selector = selector;  
108.     }  
109.   
110.     public String[] getIndex() {  
111.         return index;  
112.     }  
113.   
114.     public void setIndex(String[] index) {  
115.         this.index = index;  
116.     }  
117. }  

CitiesActivity

[java] view plain copy

1. /** 
2.  * @author Leestar54  
3.  * http://www.cnblogs.com/leestar54 
4.  */  
5. package com.example.popupwindow;  
6.   
7. import java.text.Collator;  
8. import java.util.ArrayList;  
9. import java.util.Collections;  
10. import java.util.Comparator;  
11. import java.util.List;  
12.   
13. import android.graphics.Color;  
14. import android.os.Bundle;  
15. import android.support.v7.app.ActionBarActivity;  
16. import android.view.MenuItem;  
17. import android.view.MotionEvent;  
18. import android.view.View;  
19. import android.view.View.OnTouchListener;  
20. import android.widget.LinearLayout;  
21. import android.widget.LinearLayout.LayoutParams;  
22. import android.widget.ListView;  
23. import android.widget.TextView;  
24.   
25. public class CitiesActivity extends ActionBarActivity {  
26.     LinearLayout layoutIndex;  
27.     /** 字母索引表 */  
28.     private String[] str_index = { "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q","R","S","T"  
29.             ,"U", "V", "W", "X", "Y", "Z" };// "#",  
30.   
31.     private int height;// 字体高度  
32.     private List<CityListItem> listData;  
33.     private ListView listView;  
34.     private CityListAdapter adapter;  
35.     private TextView tv_show;// 中间显示标题的文本  
36.   
37.     @Override  
38.     public void onCreate(Bundle savedInstanceState) {  
39.         super.onCreate(savedInstanceState);  
40.   
41.         getSupportActionBar().setTitle("城市列表");  
42.         getSupportActionBar().setDisplayHomeAsUpEnabled(true);  
43.         getSupportActionBar().setHomeButtonEnabled(true);  
44.   
45.         setContentView(R.layout.activity_city_list);  
46.         layoutIndex = (LinearLayout) this.findViewById(R.id.layout);  
47.         layoutIndex.setBackgroundColor(Color.parseColor("#00ffffff"));  
48.   
49.         getData();  
50.   
51.         tv_show = (TextView) findViewById(R.id.tv);  
52.         tv_show.setVisibility(View.INVISIBLE);  
53.   
54.     }  
55.   
56.     @Override  
57.     public boolean onOptionsItemSelected(MenuItem item) {  
58.         switch (item.getItemId()) {  
59.         case android.R.id.home:  
60.             finish();  
61.             return true;  
62.         }  
63.         return false;  
64.     }  
65.   
66.     /** 
67.      * 获取城市列表 
68.      */  
69.     public void getData() {  
70.         CityListItem ci1=new CityListItem();  
71.         ci1.setName("北京");  
72.         CityListItem ci2=new CityListItem();  
73.         ci2.setName("上海");  
74.         CityListItem ci3=new CityListItem();  
75.         ci3.setName("广州");  
76.         CityListItem ci4=new CityListItem();  
77.         ci4.setName("广西");  
78.         CityListItem ci5=new CityListItem();  
79.         ci5.setName("长沙");  
80.         CityListItem ci6=new CityListItem();  
81.         ci6.setName("贵阳");  
82.         CityListItem ci7=new CityListItem();  
83.         ci7.setName("福建");  
84.           
85.         ArrayList<CityListItem> list=new ArrayList<CityListItem>();  
86.         list.add(ci1);  
87.         list.add(ci1);  
88.         list.add(ci1);  
89.         list.add(ci1);  
90.         list.add(ci1);  
91.         list.add(ci1);  
92.         list.add(ci2);list.add(ci2);list.add(ci2);list.add(ci2);list.add(ci2);list.add(ci2);  
93.         list.add(ci3);list.add(ci3);list.add(ci3);list.add(ci3);list.add(ci3);  
94.         list.add(ci4);list.add(ci4);list.add(ci4);list.add(ci4);list.add(ci4);  
95.         list.add(ci5);    list.add(ci5);    list.add(ci5);    list.add(ci5);  
96.         list.add(ci6);list.add(ci6);list.add(ci6);list.add(ci6);  
97.         list.add(ci7);list.add(ci7);list.add(ci7);list.add(ci7);  
98.           
99.         //获取首字母  
100.         for (CityListItem cityListItem : list) {  
101.             cityListItem.setIndex(String.valueOf(ChineseUtils.getHanyuPinyin(cityListItem.getName())  
102.                     .charAt(0)));  
103.         }  
104.         //排序  
105.         LetterComparator lc = new LetterComparator();  
106.         Collections.sort(list, lc);  
107.           
108.         listView = (ListView) findViewById(R.id.listView1);  
109.         adapter = new CityListAdapter(CitiesActivity.this, list, str_index);  
110.         listView.setAdapter(adapter);  
111.   
112.     }  
113.       
114.     @Override  
115.     public void onWindowFocusChanged(boolean hasFocus) {  
116.         // 在oncreate里面执行下面的代码没反应，因为oncreate里面得到的getHeight=0  
117.         // System.out.println("layoutIndex.getHeight()=" +  
118.         // layoutIndex.getHeight());  
119.         height = layoutIndex.getHeight() / str_index.length;  
120.         getIndexView();  
121.     }  
122.   
123.     /** 绘制索引列表 */  
124.     public void getIndexView() {  
125.         LinearLayout.LayoutParams params = new LayoutParams(LayoutParams.WRAP_CONTENT, height);  
126.         // params.setMargins(10, 5, 10, 0);  
127.         for (int i = 0; i < str_index.length; i++) {  
128.             final TextView tv = new TextView(this);  
129.             tv.setLayoutParams(params);  
130.             tv.setText(str_index[i]);  
131.             tv.setPadding(10, 0, 10, 0);  
132.             layoutIndex.addView(tv);  
133.             layoutIndex.setOnTouchListener(new OnTouchListener() {  
134.   
135.                 @Override  
136.                 public boolean onTouch(View v, MotionEvent event)  
137.   
138.                 {  
139.                     float y = event.getY();  
140.                     int index = (int) (y / height);  
141.                     if (index > -1 && index < str_index.length) {// 防止越界  
142.                         String key = str_index[index];  
143.                         if (adapter.getSelector().containsKey(key)) {  
144.                             // 获得位置  
145.                             int pos = adapter.getSelector().get(key);  
146.                             if (listView.getHeaderViewsCount() > 0) {// 防止ListView有标题栏，本例中没有。  
147.                                 listView.setSelectionFromTop(pos + listView.getHeaderViewsCount(), 0);  
148.                             } else {  
149.                                 listView.setSelectionFromTop(pos, 0);// 滑动到第一项  
150.                             }  
151.                             tv_show.setVisibility(View.VISIBLE);  
152.                             tv_show.setText(str_index[index]);  
153.                         }  
154.                     }  
155.                     switch (event.getAction()) {  
156.                     case MotionEvent.ACTION_DOWN:  
157.                         //按下颜色  
158.                         layoutIndex.setBackgroundColor(Color.parseColor("#aaffffff"));  
159.                         break;  
160.   
161.                     case MotionEvent.ACTION_MOVE:  
162.   
163.                         break;  
164.                     case MotionEvent.ACTION_UP:  
165.                         //释放还原  
166.                         layoutIndex.setBackgroundColor(Color.parseColor("#00ffffff"));  
167.                         tv_show.setVisibility(View.INVISIBLE);  
168.                         break;  
169.                     }  
170.                     return true;  
171.                 }  
172.             });  
173.         }  
174.     }  
175.   
176.     private class LetterComparator implements Comparator<CityListItem> {  
177.   
178.         @Override  
179.         public int compare(CityListItem lhs, CityListItem rhs) {  
180.             return Collator.getInstance().compare(lhs.getIndex(), rhs.getIndex());  
181.         }  
182.     }  
183. }  

最后看起来应该是这样的

 链接：http://pan.baidu.com/s/1o6keEKE 密码：ssbn

上面附件的备份下载地址：

http://download.csdn.net/detail/jdsjlzx/9070539