栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 移动开发 > Android

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

Android 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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

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

实现思路:首先说下布局,整个是一个相对布局,最下面是一个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要跳转的位置;

首先看下布局:

 
 
   
   
 
   
   
   
   
 
 

先不着急看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, 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;xlettres.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坐标的图片:


最后是MainActivity的代码:

public class MainActivity extends Activity { 
 
  private com.wxcontacts.www.view.QuickIndexBar quickIndexBar; 
  private ListView mListView; 
  //当点击自定义view的时候屏幕中间显示一个方块,显示当前点击的字母,默认是隐藏的,当点击的时候才显示 
  private TextView tvHint; 
   
  private List hhList=new ArrayList(); 
  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

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持考高分网。

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/160482.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号