Android仿微信联系人字母排序效果

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"   xmlns:tools="http://schemas.android.com/tools"   android:layout_width="match_parent"   android:layout_height="match_parent" >    <ListView     android:id="@+id/listview"     android:layout_width="match_parent"     android:layout_height="match_parent"     android:cacheColorHint="@android:color/transparent" >   </ListView>    <com.wxcontacts.www.view.QuickIndexBar     android:id="@+id/quickindexbar"     android:layout_width="30dp"     android:layout_height="match_parent"     android:layout_alignParentRight="true"      />      <!-- 默认隐藏，当点击自定义view的时候显示 -->   <TextView      android:visibility="gone"     android:id="@+id/tv_hint"     android:gravity="center"     android:layout_centerInParent="true"     android:layout_width="60dp"     android:layout_height="60dp"     android:background="@drawable/bg_text"     android:text="A"     android:textSize="24sp"/>  </RelativeLayout> 

//自定义view public class QuickIndexBar extends View{    //画笔   private Paint paint;      String[] lettres={"↑","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","↓"};    //自定义view的宽高   private int viewHight;   private int viewWidth;   //每个文本的高度；（文本高度等于view高度除以文本个数）   private int cellHeight;    //文本的高度   private float textHeight;    private int currentIndex=-1;    public OnLetterChangeListen onLetterChangeListen;      public OnLetterChangeListen getOnLetterChangeListen(){     return onLetterChangeListen;   }         public void setOnLetterChangeListener(OnLetterChangeListen onLetterChangeListen){     this.onLetterChangeListen=onLetterChangeListen;   }   //自定义一个字母改变的监听   public interface OnLetterChangeListen{     void onLetterChange(String letter);     void onResert();   }      public QuickIndexBar(Context context) {     this(context,null);   }   public QuickIndexBar(Context context, AttributeSet attrs) {     this(context, attrs,0);   }    public QuickIndexBar(Context context, AttributeSet attrs, int defStyle) {     super(context, attrs, defStyle);     paint=new Paint();     //设置字体颜色；默认为黑色；我们这里使用黑色     //paint.setColor(Color.WHITE);     //设置字体大小     paint.setTextSize(20);     //抗锯齿     paint.setAntiAlias(true);     //获取字体宽高，因为每个字体宽度不一样，所以获得宽度必须放在循环中做     //首先获取字体的属性     FontMetrics fontMetrics = paint.getFontMetrics();     //下边界 - 上边界     textHeight = (float) Math.ceil(fontMetrics.descent-fontMetrics.ascent);   }      @Override   protected void onDraw(Canvas canvas) {     super.onDraw(canvas);     //获取文本的宽高 //   getTextWH();     //每个文本的高度；     cellHeight=viewHight/lettres.length;          //通过循环把字母画出来     for(int x=0;x<lettres.length;x++){       String text=lettres[x];              //paint给我们提供了一个测量字体宽度的方法       float textWidth = paint.measureText(text);       if(currentIndex==x){         //当点击某个字母的时候变色         paint.setColor(Color.GRAY);       }else{         paint.setColor(Color.BLACK);       }              /*        * 参数1：要画的内容   参数23：要画的位置   参数4：画笔        * 参数23所画的位置指的是字母左下角坐标        */       canvas.drawText(text,viewWidth/2-textWidth/2,cellHeight/2+textHeight/2+cellHeight*x,paint);     }        }      //测量view的宽高   @Override   protected void onSizeChanged(int w, int h, int oldw, int oldh) {     super.onSizeChanged(w, h, oldw, oldh);     viewHight =getMeasuredHeight();     viewWidth =getMeasuredWidth();   }      @Override   public boolean onTouchEvent(MotionEvent event) {     switch (event.getAction()) {          case MotionEvent.ACTION_DOWN:       //计算当前点击的字母，宽度不用考虑，因为宽度都是一样的，计算高度即可，根据你点击或者移动的高度计算你当前所点击的是哪个字母       float downY=event.getY();       currentIndex = (int)downY/cellHeight;       if(currentIndex<0 || currentIndex>lettres.length-1){       }else{         if(onLetterChangeListen!=null){           onLetterChangeListen.onLetterChange(lettres[currentIndex]);         }       }       //重新绘制;相当于重新调用onDraw()方法       invalidate();       break;     case MotionEvent.ACTION_MOVE:       float moveY=event.getY();       currentIndex = (int)moveY/cellHeight;       if(currentIndex<0 || currentIndex>lettres.length-1){       }else{         if(onLetterChangeListen!=null){           onLetterChangeListen.onLetterChange(lettres[currentIndex]);         }       }       //重新绘制       invalidate();       break;     case MotionEvent.ACTION_UP:       currentIndex=-1;       if(onLetterChangeListen!=null){         onLetterChangeListen.onResert();       }       break;      default:       break;     }     return true;   }  } 

public class MainActivity extends Activity {    private com.wxcontacts.www.view.QuickIndexBar quickIndexBar;   private ListView mListView;   //当点击自定义view的时候屏幕中间显示一个方块，显示当前点击的字母，默认是隐藏的，当点击的时候才显示   private TextView tvHint;      private List<HaoHan> hhList=new ArrayList<HaoHan>();   Context context;   @Override   protected void onCreate(Bundle savedInstanceState) {     super.onCreate(savedInstanceState);     requestWindowFeature(Window.FEATURE_NO_TITLE);     setContentView(R.layout.activity_main);     tvHint=(TextView) findViewById(R.id.tv_hint);     context=this;     //listview 和 自定义view     mListView=(ListView) findViewById(R.id.listview);     quickIndexBar=(QuickIndexBar) findViewById(R.id.quickindexbar);          initHHListData();          mListView.setAdapter(new MainListViewAdapter(context,hhList));          //给自定义view设置自定义监听，当点击到某个字母的时候弹出吐司显示这个字母；     //当点击字母的时候遍历集合，找到首字母为点击字母的HaoHan的下标，让listview跳转到响应位置     quickIndexBar.setOnLetterChangeListener(new QuickIndexBar.OnLetterChangeListen() {              @Override       public void onLetterChange(String letter) {                  quickIndexBar.setBackgroundResource(R.drawable.bg_text);                  tvHint.setVisibility(View.VISIBLE);         tvHint.setText(letter);                  for(int x=0;x<hhList.size();x++){           if((hhList.get(x).pinyin.charAt(0)+"").equals(letter)){             mListView.setSelection(x);             //找到第一个字母相同的直接结束，不再向下找；             break;           }         }       }        @Override       //当手指弹起的时候此方法执行       public void onResert() {         tvHint.setVisibility(View.GONE);         quickIndexBar.setBackgroundResource(Color.TRANSPARENT);       }     });   }      //初始化集合数据   private void initHHListData() {          HaoHan hh;     for(int x=0;x<Cheeses.NAMES.length;x++){       hh=new HaoHan(Cheeses.NAMES[x]);       hhList.add(hh);     }          //给集合排序     Collections.sort(hhList);        }  }