一 ：具體說下思路
1 :整體用到的控件，list view（recyclerView原理一樣），自定義view，漢字轉(zhuǎn)拼音的utils工具類.
2：MainActivity的xml簡單就不說了，下面看代碼，說下自定義View,首先自定義類繼承View重寫三個(gè)構(gòu)造方法，重寫
onMeasure（）的方法用于測(cè)量View的寬高，onSizeChanged（）方法改變當(dāng)前控件大小的時(shí)候調(diào)用，onDarw（）方法繪制View,
onTouchEvent()方法用于手勢(shì)監(jiān)聽，自定義接口用于保存點(diǎn)擊了那個(gè)字母的值。
3：數(shù)據(jù)實(shí)體類必須 實(shí)現(xiàn)Comparable<泛型為當(dāng)前類名> 接口，用于獲取漢字的首字母和字母排序。
4在list的Adaptes里面根據(jù)position的首字母來作為目錄catalog。通過getPositionForSection（此方法為自定義的）方法，來獲取catalog的首次出現(xiàn)的位置。如果當(dāng)前位置（position）等于該分類首字母的Char的位置 ，則認(rèn)為是第一次出現(xiàn)，則首字母顯示，否則隱藏，此判斷是為了避免出現(xiàn)相同的字母。
5：在接口回調(diào)的方法里面，遍歷list集合（為數(shù)據(jù)集合）.getFirstLetter()方法獲取到集合的每條數(shù)據(jù)的首字母，和接口回傳的字母通過equalsIgnoreCase（此方法用于和回傳的字母匹配）方法匹配。成功list就掉用setSelection(i)定位到首字母出現(xiàn)的位置。
思路完畢，下面就貼代碼：
二 ??代碼實(shí)現(xiàn)：
1 ?MainActivity 的xml
android:layout_width="match_parent"
android:layout_height="match_parent"
">
android:id="@+id/mListView"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_toLeftOf="@+id/mYunFengView"
android:scrollbars="none">
android:id="@+id/mYunFengView"
android:layout_width="40dp"
android:layout_height="match_parent"
android:layout_alignParentRight="true" />
android:visibility="gone"
android:id="@+id/mDaZiMu2"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_centerInParent="true"
android:background="@drawable/dzm"
android:gravity="center"
android:text="A"
android:textSize="30dp" />
2 ?自定義VIew
package com.example.yangai00.yy_2018_6_29.mudel.home.chengshi;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
/**
* Created by yangai00 on 2018/7/10.
*/
public class YunfengView extends View {
private String[] yuns = {"↑", "??", "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P"
, "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z"};
private Paint paint;
//初始化對(duì)象的時(shí)候調(diào)用
public YunfengView(Context context) {
super(context, null);
}
//在布局里面聲明控件的時(shí)候調(diào)用
public YunfengView(Context context, @Nullable AttributeSet attrs) {
super(context, attrs, 0);
init();
}
//在布局里面聲明控件并用到styel的時(shí)候調(diào)用
public YunfengView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
? ? }
//初始化
private void init() {
paint = new Paint();
paint.setColor(Color.BLACK);
paint.setTextSize(30);
}
//布局控件加載完成調(diào)用此方法
@Override
protected void onFinishInflate() {
super.onFinishInflate();
}
//測(cè)量View的寬高
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}
private float mWeight;
private float mHeight;
//改變當(dāng)前控件大小的時(shí)候調(diào)用
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
//獲取View的寬高
mWeight = getMeasuredWidth();
mHeight = getMeasuredHeight() / yuns.length;
super.onSizeChanged(w, h, oldw, oldh);
}
//View 的繪制
@Override
protected void onDraw(Canvas canvas) {
//循環(huán)繪制
for (int i = 0; i < yuns.length; i++) {
//字母的寬高
float x = mWeight / 2;
float y = (mHeight / 2) + DanQianKuan(yuns[i]) / 2 + i * mHeight;
paint.setColor(i == mId ? Color.BLUE : Color.BLACK);
canvas.drawText(yuns[i], x, y, paint);
}
//刷新View
invalidate();
super.onDraw(canvas);
}
private int mId = -1;
//手勢(shì)監(jiān)聽
@Override
public boolean onTouchEvent(MotionEvent event) {
switch (event.getAction()) {
//滑動(dòng)和點(diǎn)擊
case MotionEvent.ACTION_DOWN:
case MotionEvent.ACTION_MOVE:
float Y = event.getY();
int id = (int) (Y / mHeight);
if (mId != id) {
String dqzf = yuns[id];
Log.e("點(diǎn)擊", dqzf + "");
//接口方法保存點(diǎn)擊或滑動(dòng)的字母，用于回調(diào)
if (yunn != null) {
yunn.nunn(id, dqzf);
}
}
mId = id;
invalidate();//重新走OnDraw方法
break;
case MotionEvent.ACTION_UP:
mId = -1;
break;
}
return true;
}
//接口回調(diào)保存值
private Yunn yunn;
public interface Yunn {
void nunn(int pop, String zf);
}
public void getYunn(Yunn yunn) {
this.yunn = yunn;
}
//當(dāng)前的寬度
private float DanQianKuan(String s) {
Rect rect = new Rect();
paint.getTextBounds(s, 0, 1, rect);
return rect.height();
}
}
3 ?MainActivity 主代碼：
package com.example.yangai00.yy_2018_6_29.mudel.home.homeview.activity;
public class ChengShiActivity extends AppCompatActivity implements HomeContract.ChengShiView, View.OnClickListener {
private TextView mDaZiMu;
private ListView mListView;
private YunfengView mYunFengView;
private List list;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
supportRequestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.activity_cheng_shi);
//初始化
initView();
//獲取數(shù)據(jù)
initData();
}
public void initData(){
//list1集合中的數(shù)據(jù)是網(wǎng)絡(luò)請(qǐng)求，我就不粘貼了，你換成你自己的數(shù)據(jù)就可以，注意！ 實(shí)體類有漢字轉(zhuǎn)拼音的方法，不要覆蓋了。
for (int i = 0; i < list1.size(); i++) {
list.add(new User(list1.get(i).getCity_name()));
}
//適配器
myAdaptesList = new MyAdaptes_list(list, this);
mListView.setAdapter(myAdaptesList);
//自定義接口
mYunFengView.getYunn(new YunfengView.Yunn() {
@Override public void nunn(int pop, String zf) {
for (int i = 0; i < list.size(); i++) {
//獲取到list集合中的每一個(gè)條目的首字母和接口傳回來的進(jìn)行匹配，成功就定位到listview對(duì)應(yīng)的item。
if (zf.equalsIgnoreCase(list.get(i).getFirstLetter())) {
mListView.setSelection(i); // 選擇到首字母出現(xiàn)的位置 return;
}
}
msetText(zf);
}
});
mDaZiMu.setVisibility(View.GONE);
}
}
//通過hander來讓土司的字母延遲2秒消失。
Handler handler = new Handler();
private void msetText(String s) {
mDaZiMu.setText(s);
mDaZiMu.setVisibility(View.VISIBLE);
handler.postDelayed(new Runnable() {
@Override
public void run() {
mDaZiMu.setVisibility(View.GONE);
}
}, 2000);
}
//初始化
private void initView() {
mListView = (ListView) findViewById(R.id.mListView);
mYunFengView = findViewById(R.id.mYunFengView);
mDaZiMu = findViewById(R.id.mDaZiMu2);
}
}
4 適配器
package com.example.yangai00.yy_2018_6_29.mudel.home.chengshi.adaptes;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;
import com.example.yangai00.yy_2018_6_29.R;
import com.example.yangai00.yy_2018_6_29.mudel.home.homeentity.MyChengShiBen;
import com.example.yangai00.yy_2018_6_29.mudel.home.homeentity.MyZhuanHuan;
import com.example.yangai00.yy_2018_6_29.mudel.home.homeentity.User;
import java.util.ArrayList;
import java.util.List;
/**
* Created by yangai00 on 2018/7/10.
*/
public class MyAdaptes_list extends BaseAdapter {
private List list;
private Context context;
public MyAdaptes_list(List list, Context context) {
this.list = list;
this.context = context;
}
@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) {
User user = list.get(position);
ViewHolder holder;
if (convertView == null) {
holder = new ViewHolder();
convertView = LayoutInflater.from(context).inflate(R.layout.my_chengshilist, null);
holder.mDingWeiText1 = (TextView) convertView.findViewById(R.id.mZiMuList);
holder.mDingWeiText2 = (TextView) convertView.findViewById(R.id.mNameList);
convertView.setTag(holder);
} else {
holder = (ViewHolder) convertView.getTag();
}
//根據(jù)position獲取首字母作為目錄catalog
String catalog = list.get(position).getFirstLetter();
//如果當(dāng)前位置等于該分類首字母的Char的位置 ，則認(rèn)為是第一次出現(xiàn)，第一次出現(xiàn)顯示，其他的隱藏
if (position == getPositionForSection(catalog)) {
holder.mDingWeiText1.setVisibility(View.VISIBLE);
holder.mDingWeiText1.setText(user.getFirstLetter().toUpperCase());
} else {
holder.mDingWeiText1.setVisibility(View.GONE);
}
//賦值給Textview
holder.mDingWeiText2.setText(this.list.get(position).getName());
return convertView;
}
private class ViewHolder {
private TextView mDingWeiText1;
private TextView mDingWeiText2;
}
/**
* 獲取catalog首次出現(xiàn)位置
*/
public int getPositionForSection(String catalog) {
for (int i = 0; i < getCount(); i++) {
String sortStr = list.get(i).getFirstLetter();
if (catalog.equalsIgnoreCase(sortStr)) {
return i;
}
}
return -1;
}
}
5 適配器引入的xml布局
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
android:id="@+id/mZiMuList"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#E0E0E0"
android:padding="10dp"
android:text="A"
android:textColor="#FF2A2A2D"
android:textSize="20sp" />
android:id="@+id/mNameList"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center_vertical"
android:padding="10dp"
android:text="云哥哥"
android:textColor="#FF4859ED"
android:textSize="16sp" />
6 ?漢字轉(zhuǎn)拼音的工具類：
package com.example.yangai00.yy_2018_6_29.mudel.home.homeentity;
import net.sourceforge.pinyin4j.PinyinHelper;
import net.sourceforge.pinyin4j.format.HanyuPinyinCaseType;
import net.sourceforge.pinyin4j.format.HanyuPinyinOutputFormat;
import net.sourceforge.pinyin4j.format.HanyuPinyinToneType;
/**
* Created by yangai00 on 2018/7/10.
*/
public class MyZhuanHuan {
public static StringBuffer sb = new StringBuffer();
/**
* 獲取漢字字符串的首字母，英文字符不變
* 例如：云哥哥→ygg
*/
public static String getPinYinHeadChar(String chines) {
sb.setLength(0);
char[] chars = chines.toCharArray();
HanyuPinyinOutputFormat defaultFormat = new HanyuPinyinOutputFormat();
defaultFormat.setCaseType(HanyuPinyinCaseType.LOWERCASE);
defaultFormat.setToneType(HanyuPinyinToneType.WITHOUT_TONE);
for (int i = 0; i < chars.length; i++) {
if (chars[i] > 128) {
try {
sb.append(PinyinHelper.toHanyuPinyinStringArray(chars[i], defaultFormat)[0].charAt(0));
} catch (Exception e) {
e.printStackTrace();
}
} else {
sb.append(chars[i]);
}
}
return sb.toString();
}
/**
* 獲取漢字字符串的第一個(gè)字母
*/
public static String getPinYinFirstLetter(String str) {
sb.setLength(0);
char c = str.charAt(0);
String[] pinyinArray = PinyinHelper.toHanyuPinyinStringArray(c);
if (pinyinArray != null) {
sb.append(pinyinArray[0].charAt(0));
} else {
sb.append(c);
}
return sb.toString();
}
/**
* 獲取漢字字符串的漢語拼音，英文字符不變
*/
public static String getPinYin(String chines) {
sb.setLength(0);
char[] nameChar = chines.toCharArray();
HanyuPinyinOutputFormat defaultFormat = new HanyuPinyinOutputFormat();
defaultFormat.setCaseType(HanyuPinyinCaseType.LOWERCASE);
defaultFormat.setToneType(HanyuPinyinToneType.WITHOUT_TONE);
for (int i = 0; i < nameChar.length; i++) {
if (nameChar[i] > 128) {
try {
sb.append(PinyinHelper.toHanyuPinyinStringArray(nameChar[i], defaultFormat)[0]);
} catch (Exception e) {
e.printStackTrace();
}
} else {
sb.append(nameChar[i]);
}
}
return sb.toString();
}
}
7 ?實(shí)體類：
package com.example.yangai00.yy_2018_6_29.mudel.home.homeentity;
/**
* Created by yangai00 on 2018/7/11.
*/
public class User implements Comparable {
private String name; // 姓名
private String pinyin; // 姓名對(duì)應(yīng)的拼音
private String firstLetter; // 拼音的首字母
public User() {
}
public User(String name) {
this.name = name;
???????//MyZhuanHuan類，是漢字轉(zhuǎn)拼音的工具類
pinyin = MyZhuanHuan.getPinYin(name); // 根據(jù)姓名獲取拼音
firstLetter = pinyin.substring(0, 1).toUpperCase(); // 獲取拼音首字母并轉(zhuǎn)成大寫
if (!firstLetter.matches("[A-Z]")) { // 如果不在A-Z中則默認(rèn)為“#”
firstLetter = "#";
}
}
public String getName() {
return name;
}
public String getPinyin() {
return pinyin;
}
public String getFirstLetter() {
return firstLetter;
}
//排序
@Override
public int compareTo(User another) {
if (firstLetter.equals("#") && !another.getFirstLetter().equals("#")) {
return 1;
} else if (!firstLetter.equals("#") && another.getFirstLetter().equals("#")){
return -1;
} else {
return pinyin.compareToIgnoreCase(another.getPinyin());
}
}
}
到此代碼完畢。
