安卓城市选择，列表显示，拼音排序，滑动选择。

       最近开发项目有一个需要，选择城市，有三级滚筒式的，有些丑，所以参考了他人的联系人列表选择做了一个。先上图看下效果：
https://img-blog.csdn.net/20170112141746730?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvemhhbjEwMDAx/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
        具体效果，为左边显示城市列表，在每个拼音的开头显示大写字母，右边的控件点击滑动，会在中间显示选中的字母，并有小框框显示，列表滑动到相应的字母处。

        必须引入汉字转拼音开源库：https://github.com/stuxuhai/jpinyin

具体代码如下：

右侧字母表自定义控件：

public class SideCityBar extends View {
private String[] letterStrings = {"#", "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "S", "Y", "Z"};
private Paint paint;
private Paint mPaint;
private Context mContext;
private int heght;
private int postion;
private boolean isShow = false;
private Rect rect = new Rect();

public SideCityBar(Context context) {
super(context);
init(context);
}

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

public SideCityBar(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init(context);
}

private void init(Context context) {
mContext = context;
mPaint = new Paint();
mPaint.setColor(Color.WHITE);
mPaint.setTextSize(30);
mPaint.setAntiAlias(true);

paint = new Paint();
paint.setColor(Color.WHITE);
paint.setStyle(Paint.Style.STROKE);
paint.setStrokeWidth(5);

}

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
heght = getHeight() / letterStrings.length;
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}

@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
setBackgroundColor(Color.BLACK);

for (int i = 0; i < letterStrings.length; i++) {
String s1 = letterStrings[i];
mPaint.getTextBounds(s1, 0, s1.length(), rect);
int h1 = rect.height();
int w1 = rect.width();
//  mPaint.measureText(s1)只需要文字宽度可用此方法。
int h2 = heght / 2 + h1 / 2 + heght * i;
int w2 = getWidth() / 2 - w1 / 2;
canvas.drawText(s1, w2, h2, mPaint);
if (isShow && (i == postion)) {
canvas.drawRect((getWidth() - heght) / 2, (0 + i * heght), (getWidth() + heght) / 2, (heght + i * heght), paint);
}
}
}

@Override
public boolean onTouchEvent(MotionEvent event) {
float y1 = event.getY();
if (event.getAction() == MotionEvent.ACTION_UP) {
isShow = false;
mTextView.setVisibility(GONE);
mOnchangeString.setTextShow(false);
invalidate();
return true;
} else {
isShow = true;
//计算框框的位置
postion = (int) (y1 / heght);
if (postion < letterStrings.length) {
mTextView.setVisibility(VISIBLE);
mTextView.setText(letterStrings[postion]);
mOnchangeString.getChangeString(letterStrings[postion]);
mOnchangeString.setTextShow(true);
invalidate();
}

return true;
}
}

TextView mTextView;

public void setTextView(TextView textView) {
mTextView = textView;
}

public void setOnChangeLis(OnchangeString onChangeLis) {
mOnchangeString = onChangeLis;
}

OnchangeString mOnchangeString;

public interface OnchangeString {
void getChangeString(String s);

void setTextShow(boolean b);
}
}

数据封装类：

public class CityModel {
private String name;
private String fistletter;

public String getName() {
return name;
}

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

public String getFistletter() {
return fistletter;
}

public void setFistletter(String fistletter) {
this.fistletter = fistletter;
}
}

接着就是主布局和列表布局：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
>

<ListView
android:id="@+
16ff5
id/l1"
android:layout_width="match_parent"
android:layout_height="match_parent" />

<TextView
android:id="@+id/t1"
android:layout_width="100dp"
android:layout_height="100dp"
android:layout_centerInParent="true"
android:background="#3CAC48"
android:gravity="center"
android:textColor="#ffffff"
android:textSize="50dp"
android:visibility="gone" />

<allother.two.sidecity.SideCityBar
android:id="@+id/s1"
android:layout_width="40dp"
android:layout_height="match_parent"
android:layout_alignParentRight="true"
android:layout_centerVertical="true" />
</RelativeLayout>

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<TextView
android:id="@+id/t1"
android:layout_width="match_parent"
android:layout_height="40dp"
android:gravity="center_vertical"
android:paddingLeft="10dp"
android:text="A" />

<TextView
android:id="@+id/t2"
android:layout_width="match_parent"
android:layout_height="40dp"
android:gravity="center_vertical"
android:paddingLeft="10dp"
android:text="A" />

</LinearLayout>

最后是我们的主要Activity：

public class SideCityActivity extends AppCompatActivity {
private String TAG = "SideCityActivity:";
private ListView listView;
private TextView txtShowCurrentLetter;
private SideCityBar sideBar;
private List<CityModel> list = new ArrayList();
private SideBarCityAdapter sideBarCityAdapter;
private Map<String, Integer> map = new HashMap<>();
private String[] nameStrings = {"$XXOO", "上海", "北京", "杭州", "广州", "南京", "苏州", "深圳", "成都", "重庆", "天津", "宁波", "扬州", "无锡", "福州",
"厦门", "武汉", "西安", "沈阳", "大连", "青岛", "济南", "海口", "石家庄", "唐山", "秦皇岛", "邯郸", "邢台", "保定", "张家口", "承德", "沧州", "廊坊",
"衡水", "太原", "大同", "阳泉", "长治", "晋城", "朔州", "晋中", "运城", "忻州", "临汾", "吕梁", "呼和浩特", "包头", "乌海", "赤峰", "通辽", "鄂尔多斯",
"呼伦贝尔", "兴安盟", "锡林郭勒", "乌兰察布", "巴彦淖尔", "阿拉善", "鞍山", "抚顺", "本溪", "丹东", "锦州", "营口", "阜新", "辽阳", "盘锦", "铁岭", "朝阳",
"葫芦岛", "长春", "吉林", "四平", "辽源", "通化", "白山", "松原", "白城", "延边", "哈尔滨", "齐齐哈尔", "鸡西", "鹤岗", "双鸭山", "大庆", "伊春", "佳木斯", "七台河",
"牡丹江", "黑河", "绥化", "大兴安岭", "徐州", "常州", "南通", "连云港", "淮安", "盐城", "镇江", "泰州", "宿迁", "温州", "嘉兴", "湖州", "绍兴", "金华", "衢州", "舟山", "台州",
"丽水", "合肥", "芜湖", "蚌埠", "淮南", "马鞍山", "淮北", "铜陵", "安庆", "黄山", "滁州", "阜阳", "宿州", "六安", "亳州", "池州", "宣城", "莆田", "三明", "泉州", "漳州", "南平", "龙岩",
"宁德", "南昌", "景德镇", "萍乡", "九江", "新余", "鹰潭", "赣州", "吉安", "宜春", "抚州", "上饶", "淄博", "枣庄", "东营", "烟台", "潍坊", "济宁", "泰安", "威海", "日照", "莱芜", "临沂", "德州",
"聊城", "滨州", "菏泽", "郑州", "开封", "洛阳", "平顶山", "安阳", "鹤壁", "新乡", "焦作", "濮阳", "许昌", "漯河", "三门峡", "南阳", "商丘", "信阳", "周口", "驻马店", "黄石", "十堰", "宜昌", "襄阳", "鄂州",
"荆门", "孝感", "荆州", "黄冈", "咸宁", "随州", "恩施州", "仙桃", "潜江", "天门", "株洲", "湘潭", "衡阳", "邵阳", "岳阳", "常德", "张家界", "益阳", "郴州", "永州", "怀化", "娄底", "湘西", "韶关", "珠海", "汕头",
"佛山", "江门", "湛江", "茂名", "肇庆", "惠州", "梅州", "汕尾", "河源", "阳江", "清远", "东莞", "中山", "潮州", "揭阳", "云浮", "南宁", "柳州", "桂林", "梧州", "北海", "防城港", "钦州", "贵港", "玉林", "百色", "贺州",
"河池", "自贡", "攀枝花", "泸州", "德阳", "绵阳", "广元", "遂宁", "内江", "乐山", "南充", "眉山", "宜宾", "广安", "达州", "雅安", "巴中", "资阳", "阿坝", "甘孜州", "凉山", "贵阳", "六盘水", "遵义", "安顺", "铜仁地区",
"黔西南", "毕节地区", "黔东南", "黔南", "昆明", "曲靖", "玉溪", "保山", "昭通", "楚雄州", "红河", "文山州", "普洱", "西双版纳", "大理州", "德宏", "丽江", "怒江", "迪庆", "临沧", "拉萨", "昌都地区", "山南",
"日喀则地区", "那曲", "阿里", "林芝地区", "铜川", "宝鸡", "咸阳", "渭南", "延安", "汉中", "榆林", "安康", "商洛", "兰州", "嘉峪关", "金昌", "白银", "天水", "武威", "张掖", "平凉", "酒泉", "庆阳", "定西",
"陇南", "临夏州", "甘南", "西宁", "海东", "海北", "黄南", "果洛", "玉树", "海西", "银川", "石嘴山", "吴忠", "固原", "乌鲁木齐", "克拉玛依", "吐鲁番地区", "哈密地区", "昌吉州", "博尔塔拉", "巴音郭楞",
"阿克苏地区", "克孜勒苏", "喀什地区", "和田地区", "伊犁", "塔城地区", "阿勒泰地区", "石河子", "香港", "澳门", "长沙", "三亚", "中卫", "儋州", "保亭", "昌江", "澄迈县", "崇左", "定安县", "东方", "济源",
"来宾", "乐东", "陵水", "琼海", "神农架林区", "图木舒克", "屯昌县", "万宁", "文昌", "海南州"};

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.act_two_sidecity);
txtShowCurrentLetter = (TextView) findViewById(R.id.t1);
sideBar = (SideCityBar) findViewById(R.id.s1);
listView = (ListView) findViewById(R.id.l1);
sideBar.setTextView(txtShowCurrentLetter);
getAllData();
sideBarCityAdapter = new SideBarCityAdapter();
listView.setAdapter(sideBarCityAdapter);

sideBar.setOnChangeLis(new SideCityBar.OnchangeString() {
@Override
public void getChangeString(String s) {
int a1 = getCurrentPosition(s);
if (a1 != -1) {
listView.setSelection(a1);
} else {

}
}

@Override
public void setTextShow(boolean b) {

}
});
listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
String city = list.get(position).getName();
}
});
}

/**
* list获取所有数据
*/
private void getAllData() {
list = new ArrayList();
for (int i = 0; i < nameStrings.length; i++) {
CityModel cityModel = new CityModel();
cityModel.setName(nameStrings[i]);
//将汉字转换为拼音
String pin = PinyinHelper.getShortPinyin(nameStrings[i]);
//将拼音字符串转换为大写拼音
String pinD = String.valueOf(pin.charAt(0)).toUpperCase();
//获取大写拼音字符串的第一个字符
char c1 = pinD.charAt(0);
if (c1 < 'A' || c1 > 'Z') {
cityModel.setFistletter("#");
} else {
cityModel.setFistletter(String.valueOf(c1));
}
list.add(cityModel);
}
//将联系人列表的标题字母排序
Collections.sort(list, new Comparator<CityModel>() {
@Override
public int compare(CityModel o1, CityModel o2) {
return o1.getFistletter().compareTo(o2.getFistletter());
}
});
//记录字母所在位置
String s1 = list.get(0).getFistletter();
map.put(s1, 0);
for (int i = 0; i < list.size(); i++) {
String s2 = list.get(i).getFistletter();
if (!s1.equals(s2)) {
s1 = s2;
map.put(s2, i);
}
}
}

private int getCurrentPosition(String s) {
if (map.get(s) != null) {
return map.get(s);
} else {
return -1;
}
}

public class SideBarCityAdapter extends BaseAdapter {

@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 View getView(int position, View convertView, ViewGroup parent) {
ViewHolder viewHolder;
if (convertView == null) {
viewHolder = new ViewHolder();
convertView = LayoutInflater.from(SideCityActivity.this).inflate(R.layout.act_two_sidecity_item, null);
viewHolder.txtFirstLetter = (TextView) convertView.findViewById(R.id.t1);
viewHolder.txtName = (TextView) convertView.findViewById(R.id.t2);
convertView.setTag(viewHolder);
} else {
viewHolder = (ViewHolder) convertView.getTag();
}
viewHolder.txtName.setText(list.get(position).getName());
String s1 = list.get(position).getFistletter();
if (map.get(s1) != null && map.get(s1).equals(position)) {
viewHolder.txtFirstLetter.setText(s1);
viewHolder.txtFirstLetter.setVisibility(View.VISIBLE);
} else {
viewHolder.txtFirstLetter.setVisibility(View.GONE);
}

return convertView;
}

public class ViewHolder {
TextView txtFirstLetter, txtName;
}

}
}