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

概述本文实例为大家分享了Android联系人字母排序的具体代码，供大家参考，具体内容如下

本文实例为大家分享了AndroID联系人字母排序的具体代码，供大家参考，具体内容如下

@H_419_3@

实现思路：首先说下布局，整个是一个相对布局，最下面是一个ListvIEw，ListvIEw上面是一个自定义的vIEw（右边显示字母），最上面是一个textvIEw(屏幕中间的方块)。

首先说一下右边自定义view，字母是画到vIEw上面的，首先计算一下vIEw的高度，然后除以存放字母数组的长的，得到每个字符的高度；每个字母的宽度都是一样的，所以这里直接设置30sp；

ListvIEw显示的是108个梁山好汉的名字；

项目里面使用了一个pinyin4j.jar把每个名字转换为拼音，然后使用charat(0)获得拼音的第一个字母；

ListvIEw的每个item是一个线性布局包裹的两个textvIEw,上面的tv显示的是拼音的第一个字母，下面的tv显示的就是名字；在adapter判断当前条目和上一个条目的拼音首字母是否相同，如果相同隐藏当前item上面的tv；

然后在自定义view设置一个自定义监听；当点击自定义view的时候根据高度判断当前点击的是那个字母，然后根据字母设置ListvIEw要跳转的位置；

首先看下布局：

<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> 

先不着急看MainActivity代码首先看下自定义view的代码：

//自定义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,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;   }  } 

下面我为大家准备了一张计算字母xy坐标的图片：

@H_419_3@

最后是MainActivity的代码：

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设置自定义监听，当点击到某个字母的时候d出吐司显示这个字母；     //当点击字母的时候遍历集合，找到首字母为点击字母的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       //当手指d起的时候此方法执行       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);        }  } 

源码下载：http://xiazai.jb51.net/201611/yuanma/AndroidWXcontact(jb51.net).rar

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程小技巧。

总结

以上是内存溢出为你收集整理的Android仿微信联系人字母排序效果全部内容，希望文章能够帮你解决Android仿微信联系人字母排序效果所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。