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要跳转的位置;

首先看下布局:

<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坐标的图片:


最后是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设置自定义监听,当点击到某个字母的时候弹出吐司显示这个字母; 
    //当点击字母的时候遍历集合,找到首字母为点击字母的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); 
     
  } 
 
} 

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


更新Android SDK到3.0版本时,遇到Failed to rename directory E:\android\tools to E:\android\temp\ToolPackage.old01问题,导致无法更新,出现该问题的原因是由于3.0版本与较早的sdk版本之间文件结构有冲突,解决
Android 如何解决dialog弹出时无法捕捉Activity的back事件 在一些情况下,我们需要捕捉back键事件,然后在捕捉到的事件里写入我们需要进行的处理,通常可以采用下面三种办法捕捉到back事件: 1)重写onKeyDown或者onKeyUp方法 2)重写onBackPressed方
Android实现自定义带文字和图片的Button 在Android开发中经常会需要用到带文字和图片的button,下面来讲解一下常用的实现办法。一.用系统自带的Button实现 最简单的一种办法就是利用系统自带的Button来实现,这种方式代码量最小。在Button的属性中有一个是drawable
Android中的&quot;Unable to start activity ComponentInfo&quot;的错误 最近在做一款音乐播放器的时候,然后在调试的过程中发现一直报这个错误&quot;Unable to start activity ComponentInfo&quot;,从字面
Android 关于长按back键退出应用程序的实现最近在做一个Android上的应用,碰到一个问题就是如何实现长按back键退出应用程序。在网上查找了很多资料,发现几乎没有这样的实现,大部分在处理时是双击back键来退出应用程序。参考了一下双击back键退出应用程序的代码,网上主流的一种方法是下面
android自带的时间选择器只能精确到分,但是对于某些应用要求选择的时间精确到秒级,此时只有自定义去实现这样的时间选择器了。下面介绍一个可以精确到秒级的时间选择器。 先上效果图: 下面是工程目录: 这个控件我也是用的别人的,好像是一个老外写的,com.wheel中的WheelView是滑动控件的主
Android平台下利用zxing实现二维码开发 现在走在大街小巷都能看到二维码,而且最近由于项目需要,所以研究了下二维码开发的东西,开源的二维码扫描库主要有zxing和zbar,zbar在iPos平台上应用比较成熟,而在Android平台上主流还是用zxing库,因此这里主要讲述如何利用zxing
Android ListView的item背景色设置以及item点击无响应等相关问题 在Android开发中,listview控件是非常常用的控件,在大多数情况下,大家都会改掉listview的item默认的外观,下面讲解以下在使用listview时最常见的几个问题。1.如何改变item的背景色和按
如何向Android模拟器中导入含有中文名称的文件在进行Android开发的时候,如果需要向Android模拟器中导入文件进行测试,通过DDMS下手动导入或者在命令行下通过adb push命令是无法导入含有中文文件名的文件的。后来发现借用其他工具可以向模拟器中导入中文名称的文件,这个工具就是Ultr
Windows 下搭建Android开发环境一.下载并安装JDK版本要求JDK1.6+,下载JDK成功后进行安装,安装好后进行环境变量的配置【我的电脑】-——&gt;【属性】——&gt;【高级】 ——&gt;【环境变量】——&gt;【系统变量】中点击【新建】:变量名:CLASSPATH变量值:……
如何利用PopupWindow实现弹出菜单并解决焦点获取以及与软键盘冲突问题 在android中有时候可能要实现一个底部弹出菜单,此时可以考虑用PopupWindow来实现。下面就来介绍一下如何使用PopupWindow实现一个弹出窗。 主Activity代码:public void onCreat
解决Android中的ERROR: the user data image is used by another emulator. aborting的方法 今天调试代码的时候,突然出现这个错误,折腾了很久没有解决。最后在google上找到了大家给出的两种解决方案,下面给出这两种方法的链接博客:ht
AdvserView.java package com.earen.viewflipper; import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapFactory;
ImageView的scaleType的属性有好几种,分别是matrix(默认)、center、centerCrop、centerInside、fitCenter、fitEnd、fitStart、fitXY。 |值|说明| |:--:|:--| |center|保持原图的大小,显示在ImageVie
文章浏览阅读8.8k次,点赞9次,收藏20次。本文操作环境:win10/Android studio 3.21.环境配置 在SDK Tools里选择 CMAKE/LLDB/NDK点击OK 安装这些插件. 2.创建CMakeLists.txt文件 在Project 目录下,右键app,点击新建File文件,命名为CMakeLists.txt点击OK,创建完毕! 3.配置文件 在CMa..._link c++ project with gradle
文章浏览阅读1.2w次,点赞15次,收藏69次。实现目的:由mainActivity界面跳转到otherActivity界面1.写好两个layout文件,activity_main.xml和otherxml.xmlactivity_main.xml&lt;?xml version="1.0" encoding="utf-8"?&gt;&lt;RelativeLayout ="http://schemas..._android studio 界面跳转
文章浏览阅读3.8w次。前言:最近在找Android上的全局代理软件来用,然后发现了这两款神作,都是外国的软件,而且都是开源的软件,因此把源码下载了下来,给有需要研究代理这方面的童鞋看看。不得不说,国外的开源精神十分浓,大家相互使用当前基础的开源软件,然后组合成一个更大更强的大开源软件。好吧,废话不多说,下面简单介绍一下这两款开源项目。一、ProxyDroid:ProxyDroid功能比较强大,用到的技术也比较多,源码也_proxydroid
文章浏览阅读2.5w次,点赞17次,收藏6次。创建项目后,运行项目时Gradle Build 窗口却显示错误:程序包R不存在通常情况下是不会出现这个错误的。我是怎么遇到这个错误的呢?第一次创建项目,company Domain我使用的是:aven.com,但是创建过程在卡在了Building 'Calculator' Gradle Project info这个过程中,于是我选择了“Cancel”第二次创建项目,我还是使用相同的项目名称和项目路_r不存在
文章浏览阅读8.9w次,点赞4次,收藏43次。前言:在Android上使用系统自带的代理,限制灰常大,仅支持系统自带的浏览器。这样像QQ、飞信、微博等这些单独的App都不能使用系统的代理。如何让所有软件都能正常代理呢?ProxyDroid这个软件能帮你解决!使用方法及步骤如下:一、推荐从Google Play下载ProxyDroid,目前最新版本是v2.6.6。二、对ProxyDroid进行配置(基本配置:) (1) Auto S_proxydroid使用教程
文章浏览阅读1.1w次,点赞4次,收藏17次。Android Studio提供了一个很实用的工具Android设备监视器(Android device monitor),该监视器中最常用的一个工具就是DDMS(Dalvik Debug Monitor Service),是 Android 开发环境中的Dalvik虚拟机调试监控服务。可以进行的操作有:为测试设备截屏,查看特定进程中正在运行的线程以及堆栈信息、Logcat、广播状态信息、模拟电话_安卓摄像头调试工具