仿手机通讯录效果

最新推荐文章于 2019-02-25 09:06:01 发布
最新推荐文章于 2019-02-25 09:06:01 发布
阅读量1.4k 收藏 1
点赞数
分类专栏： android 通讯录 首字母排序 文章标签： 通讯录 android 仿通讯录展示效果
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lxl403853563/article/details/49493915
版权

先看效果图



1 汉字排序

/**
 * 汉字排序
 */
public class LanguageComparator_CN implements Comparator<String> {

    public int compare(String ostr1, String ostr2) {
        for (int i = 0; i < ostr1.length() && i < ostr2.length(); i++) {
            int codePoint1 = ostr1.charAt(i);
            int codePoint2 = ostr2.charAt(i);
            if (Character.isSupplementaryCodePoint(codePoint1)
                    || Character.isSupplementaryCodePoint(codePoint2)) {
                i++;
            }
            if (codePoint1 != codePoint2) {
                if (Character.isSupplementaryCodePoint(codePoint1)
                        || Character.isSupplementaryCodePoint(codePoint2)) {
                    return codePoint1 - codePoint2;
                }
                String pinyin1 = pinyin((char) codePoint1);
                String pinyin2 = pinyin((char) codePoint2);

                if (pinyin1 != null && pinyin2 != null) { // 两个字符都是汉字
                    if (!pinyin1.equals(pinyin2)) {
                        return pinyin1.compareTo(pinyin2);
                    }
                } else {
                    return codePoint1 - codePoint2;
                }
            }
        }
        return ostr1.length() - ostr2.length();
    }

    // 获得汉字拼音的首字符
    private String pinyin(char c) {
        String[] pinyins = PinyinHelper.toHanyuPinyinStringArray(c);
        if (pinyins == null) {
            return null;
        }
        return pinyins[0];
    }
}

 

2 侧边A-Z字母控件，带拉划事件在界面中心显示接口

/**
 * Created by lenovo on 2015/10/27.
 */
public class AssortView extends Button {

    public interface OnTouchAssortListener {
        public void onTouchAssortListener(String s);
        public void onTouchAssortUP();
    }

    public AssortView(Context context) {
        super(context);
        // TODO Auto-generated constructor stub
    }

    public AssortView(Context context, AttributeSet attrs) {
        super(context, attrs);
        // TODO Auto-generated constructor stub
    }

    public AssortView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        // TODO Auto-generated constructor stub
    }

    // 分类
    private String[] assort = { "?", "#", "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" };
    private Paint paint = new Paint();
    // 选择的索引
    private int selectIndex = -1;
    // 字母监听器
    private OnTouchAssortListener onTouch;


    public void setOnTouchAssortListener(OnTouchAssortListener onTouch) {
        this.onTouch = onTouch;
    }

    @Override
    protected void onDraw(Canvas canvas) {
        // TODO Auto-generated method stub
        super.onDraw(canvas);
        int height = getHeight();
        int width = getWidth();
        int interval = height / assort.length;

        for (int i = 0, length = assort.length; i < length; i++) {
            // 抗锯齿
            paint.setAntiAlias(true);
            // 默认粗体
            paint.setTypeface(Typeface.DEFAULT_BOLD);
            // 白色
            paint.setColor(Color.WHITE);
            paint.setTextSize(30);
            if (i == selectIndex) {
                // 被选择的字母改变颜色和粗体
                paint.setColor(Color.parseColor("#3399ff"));
                paint.setFakeBoldText(true);
                paint.setTextSize(40);
            }
            // 计算字母的X坐标
            float xPos = width / 2 - paint.measureText(assort[i]) / 2;
            // 计算字母的Y坐标
            float yPos = interval * i + interval;
            canvas.drawText(assort[i], xPos, yPos, paint);
            paint.reset();
        }

    }

    @Override
    public boolean dispatchTouchEvent(MotionEvent event) {
        // TODO Auto-generated method stub
        float y = event.getY();
        int index = (int) (y / getHeight() * assort.length);
        if (index >= 0 && index < assort.length) {

            switch (event.getAction()) {
                case MotionEvent.ACTION_MOVE:
                    // 如果滑动改变
                    if (selectIndex != index) {
                        selectIndex = index;
                        if (onTouch != null) {
                            onTouch.onTouchAssortListener(assort[selectIndex]);
                        }

                    }
                    break;
                case MotionEvent.ACTION_DOWN:
                    selectIndex = index;
                    if (onTouch != null) {
                        onTouch.onTouchAssortListener(assort[selectIndex]);
                    }

                    break;
                case MotionEvent.ACTION_UP:
                    if (onTouch != null) {
                        onTouch.onTouchAssortUP();
                    }
                    selectIndex = -1;
                    break;
            }
        } else {
            selectIndex = -1;
            if (onTouch != null) {
                onTouch.onTouchAssortUP();
            }
        }
        invalidate();

        return true;
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        return super.onTouchEvent(event);
    }
}

3布局xml文件

<RelativeLayout
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <ExpandableListView
        android:id="@+id/elist"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:groupIndicator="@null" />

    <com.scdl.zny.view.AssortView
        android:id="@+id/assort"
        android:layout_width="30dip"
        android:layout_height="fill_parent"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true" />
</RelativeLayout>

4 adapter适配器

/**
 * Created by lenovo on 2015/10/27.
 */
public class PinyinAdapter extends BaseExpandableListAdapter {

    // 字符串
    private List<String> strList;
    private AssortPinyinList assort = new AssortPinyinList();
    private UserKeyByString  userKey= new UserKeyByString();
    private List<Users>list;
    private Context context;

    private LayoutInflater inflater;
    // 中文排序
    private LanguageComparator_CN cnSort = new LanguageComparator_CN();

    public PinyinAdapter(Context context, List<Users> list) {
        super();
        this.context = context;
        this.inflater = LayoutInflater.from(context);
        this.list = list;
        if (list == null) {
            list = new ArrayList<Users>();
        }
        // 排序
        sort();
    }

    private void sort() {
        // 分类
        for (Users u : list) {
            userKey.add(u);
            assort.getHashList().add(u.getName());
        }
        assort.getHashList().sortKeyComparator(cnSort);
        for (int i = 0, length = assort.getHashList().size(); i < length; i++) {
            Collections.sort((assort.getHashList().getValueListIndex(i)), cnSort);

        }
    }

    public Object getChild(int group, int child) {
        // TODO Auto-generated method stub
        return assort.getHashList().getValueIndex(group, child);
    }

    public long getChildId(int group, int child) {
        // TODO Auto-generated method stub
        return child;
    }

    public View getChildView(int group, int child, boolean arg2,
                             View contentView, ViewGroup arg4) {
        // TODO Auto-generated method stub
        if (contentView == null) {
            contentView = inflater.inflate(R.layout.adapter_chat, null);
        }
        TextView name = (TextView) contentView.findViewById(R.id.name);
        TextView phone = (TextView) contentView.findViewById(R.id.phone);
        TextView adress = (TextView) contentView.findViewById(R.id.adress);
        String s = assort.getHashList().getValueIndex(group, child);
        Users u=userKey.getHashList().get(s);
        name.setText(u.getName());
        phone.setText(u.getPhone());
        adress.setText(u.getDanw());
        return contentView;
    }

    public int getChildrenCount(int group) {
        // TODO Auto-generated method stub
        return assort.getHashList().getValueListIndex(group).size();
    }

    public Object getGroup(int group) {
        // TODO Auto-generated method stub
        return assort.getHashList().getValueListIndex(group);
    }

    public int getGroupCount() {
        // TODO Auto-generated method stub
        return assort.getHashList().size();
    }

    public long getGroupId(int group) {
        // TODO Auto-generated method stub
        return group;
    }

    public View getGroupView(int group, boolean arg1, View contentView,
                             ViewGroup arg3) {
        if (contentView == null) {
            contentView = inflater.inflate(R.layout.list_group_item, null);
            contentView.setClickable(true);
        }
        TextView textView = (TextView) contentView.findViewById(R.id.name);
        String s = assort.getFirstChar(assort.getHashList().getValueIndex(group, 0));
        textView.setText(s);
        // 禁止伸展

        return contentView;
    }

    public boolean hasStableIds() {
        // TODO Auto-generated method stub
        return true;
    }

    public boolean isChildSelectable(int arg0, int arg1) {
        // TODO Auto-generated method stub
        return true;
    }

    public AssortPinyinList getAssort() {
        return assort;
    }

}

 在这里使用到了一个泛型辅助类

/**
 * Created by lenovo on 2015/10/26.
 * 键值对索引排序的工具类 HashMap简单排序的一种实现
 *
 * @param <K>
 * @param <V>
 */
public class HashList<K, V> {

    /**
     * 键值集合
     */
    private List<K> keyArr = new ArrayList<K>();
    /**
     * 键值对映射
     */
    private HashMap<K, List<V>> map = new HashMap<K, List<V>>();
    /**
     * 键值分类
     */
    private KeySort<K, V> keySort;

    public HashList(KeySort<K, V> keySort) {
        // TODO Auto-generated constructor stub
        this.keySort = keySort;
    }

    /**
     * 根据value值返回key
     */

    public K getKey(V v) {
        return keySort.getKey(v);
    }



    /**
     * 键值对排序
     *
     * @param comparator
     */
    public void sortKeyComparator(LanguageComparator_CN comparator) {
        Collections.sort(keyArr, (Comparator<? super K>) comparator);
    }

    /**
     * 根据索引返回键值
     */
    public K getKeyIndex(int key) {
        return keyArr.get(key);
    }

    /**
     * 根据索引返回键值对
     */
    public List<V> getValueListIndex(int key) {
        return map.get(getKeyIndex(key));
    }



    public V getValueIndex(int key, int value) {
        return getValueListIndex(key).get(value);

    }

    public int size() {
        return keyArr.size();
    }

    public void clear() {
        for (Iterator<K> it = map.keySet().iterator(); it.hasNext(); map.remove(it.next())) ;
    }

    public boolean contains(Object object) {
        // TODO Auto-generated method stub
        return false;
    }

    public boolean isEmpty() {
        // TODO Auto-generated method stub
        return false;
    }

    public Object remove(int location) {
        // TODO Auto-generated method stub
        return null;
    }

    public boolean remove(Object object) {
        // TODO Auto-generated method stub
        return false;
    }

    public boolean removeAll(Collection arg0) {
        // TODO Auto-generated method stub
        return false;
    }

    public boolean retainAll(Collection arg0) {
        // TODO Auto-generated method stub
        return false;
    }

    public Object set(int location, Object object) {
        // TODO Auto-generated method stub
        return keyArr.set(location, (K) object);
    }

    public List subList(int start, int end) {
        // TODO Auto-generated method stub
        return keyArr.subList(start, end);
    }

    public Object[] toArray() {
        // TODO Auto-generated method stub
        return keyArr.toArray();
    }

    public Object[] toArray(Object[] array) {
        return keyArr.toArray(array);
    }

    public boolean add(Object object) {
        V v = (V) object;
        K key = getKey(v);
        if (!map.containsKey(key)) {
            List<V> list = new ArrayList<V>();
            list.add(v);
            keyArr.add(key);
            map.put(key, list);
        } else {
            map.get(key).add(v);
        }
        return false;
    }

    public int indexOfKey(K k) {
        return keyArr.indexOf(k);
    }
}

 

/**
 * Created by lenovo on 2015/10/27.
 */
public class UserKeyByString {
    private HashMap<String, Users> hashList = new HashMap<>();

    public HashMap<String, Users> getHashList() {
        return hashList;
    }

    public void add(Users u) {
        hashList.put(u.getName(), u);
    }

}

小小研发员
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
android仿微信、华为通讯录
GEM_yaorao的博客
08-12 2750
功能：仿微信、华为通讯录、支持手机号码搜索、中文搜索、简拼搜索、全拼搜索，支持listview和右侧字母条联动 说明：并非我一个写的，结合了网上两篇有用博客，地址忘了，然后结合自己项目的需求在上面进行了修改 源码地址
仿手机通讯录
豆子的博客
06-17 2399
我们先看下效果图： 源码：
内容提供器的实践——仿手机通讯录功能
chengbao的专栏
04-05 1585
转载请注明出处：http://blog.csdn.net/chengbao315/article/details/51062118
仿手机联系人列表
10-25
Android实现ListView的A-Z字母排序，喜欢的小伙伴可以点击下载！
html5仿手机通讯录按字母排序及搜索功能
热门推荐
huicaipa1943的博客
03-23 1万+
1.实现联系人字母排序，点击字母跳转显示联系人组目录;2.实现联系搜索，动态显示符合查询的联系人;详情见资源：https://download.csdn.net/download/huicaipa1943/10304104效果图如下：&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt; &lt;HTML&gt; ...
android仿手机通讯录效果
04-15
在Android开发中，仿手机通讯录效果是一项常见的需求，它涉及到对用户数据的获取、处理以及展示。这个项目主要是为了实现一个类似手机通讯录的搜索功能，并按照联系人的姓名首字母进行排序。以下是对这个话题的详细...
仿IOS手机通讯录效果
04-28
为了在Android平台上实现类似的用户体验，我们可以创建一个“仿iOS手机通讯录效果”的应用。这个应用旨在模仿iOS通讯录的主要功能和视觉样式，包括获取手机联系人、按首字母排序显示、实时搜索联系人以及显示和拨打...
高仿手机通讯录app
04-08
在Android开发领域，创建一个高仿手机通讯录的App是一项常见的任务，这涉及到对系统核心组件的理解和使用，特别是“内容提供者”（Content Provider）这一关键组件。本项目主要涵盖了如何利用内容提供器实现数据的...
android仿通讯录效果实现
07-20
在Android开发中，仿通讯录效果是常见的需求，主要用于实现类似手机系统通讯录的应用界面，让用户可以方便地按字母顺序浏览联系人，并通过输入搜索关键词快速定位到特定联系人。这个功能涉及到Android UI设计、数据...
模仿通讯录（ios）
04-30
他是模仿苹果手机通讯录写的一个小的功能 很方便很好用
Android 仿联系人列表 实现ListView的A-Z字母排序和过滤搜索功能，并挤压效果
02-12
Android 仿联系人列表 实现ListView的A-Z字母排序和过滤搜索功能，并挤压效果,项目详情http://blog.csdn.net/huazai963184709/article/details/19119021
js通讯录效果，你见过麽
eternal_shallow的博客
03-22 6064
最近有一个需求，要写一个通讯录效果的联系人列表效果，相信这个大家都不陌生，当然当我写到一半的时候，同事告诉我这个是android和IOS的需求，，，十分郁闷，但是本人求知欲甚是强烈，就用jq实现了这个功能。 现在我们先来看一下这个功能演示，这个实现了基本的功能，不过一些过渡的动画没有写上，后期会补上，大家想用的话，自行不上这个过渡效果： 通讯录效果演示.gif 首先我们来看一下html的布局，这
vue实现手机通讯录效果
yin4302008的专栏
02-25 8604
页面效果如下，点击右侧的字母，可进行快速定位 代码如下： &lt;template&gt; &lt;div class="addressBook"&gt; &lt;div class="addressBook-search"&gt; &lt;van-search v-model="searchData.salesmanName" placeholder='输入
自定义实现微信通讯录效果View
老胡
12-31 4755
前言在使用App过程中，经常会有使用到联系人或城市列表的场景，其实这两种效果是一样的，都是右边有个索引列表，点击索引列表可跳转到指定字母开头的联系人或城市上去，同时向上滑动过程中头部会有个显示当前联系人首字母的界面固定不动。下面我以微信通讯录的效果作为例子，介绍我是如何实现一个这样效果自定义View的思路和过程。实现效果下面是我实现的最终效果图(GIF录制的不太好)，想看源代码的同学戳这里https
Android实现列表仿联系人快速查找和关键字搜索
沐浴阳光
03-02 9351
列表按字母顺序排序，右侧实现根据首字母快速查找，输入框输入首字母或元素第一个字也可以实现快速查找。 页面布局如下： LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"     android:layout_width="match_parent"
安卓仿手机联系人右侧快速搜索菜单自定义View
哦，也好的博客
03-13 2656
今天练习了一下手机联系人快速索引的自定义View，依例看下效果图： 先来张极具爆发力的大月亮珠联璧合组合： 效果图： 观今夜星，额不，观效果很多同学一下子可能感觉很复杂，没错，确实蛮复杂的。不过分析一下就很简单了，整个布局分为三块： 铺满屏幕的列表控件(这里用的是Recycleview) 中间显示字幕的正方形 右侧可滑动、点击的不知啥玩意 完成布局除了
实现手机联系人分栏效果
qq_24697301的博客
07-22 560
小编在项目时期遇见了制作手机联系人分栏效果，查询了很多资料，现在总结如下：添加的代码并不多，用ListView写好数据以后，只需在Adapter里添加一个方法，并且在getView()方法里添加几行代码即可。不过小编现在介绍的方法，只适合做简单项目，大型项目还没研究该代码是否有缺陷，欢迎各位大神批评指教。给大家看一下，小编做的代码效果图： (http://img.blog.csdn.net/201
模拟手机通讯录联系人功能
qq_26860309的博客
09-07 1264
实训:模拟手机通讯录联系人功能 package com.qf.day43_02; import android.app.Activity;import android.app.AlertDialog;import android.content.DialogInterface;import android.content.DialogInterface.OnClickListener
layui仿手机通讯录字母排序代码
最新发布
03-27
layui是一款基于jQuery的前端UI框架，...如果你想要实现layui仿手机通讯录字母排序的功能，可以按照以下步骤进行： 1. 首先，在HTML页面中引入layui的相关文件： ```html <script src="path/to/jquery.js"></script> ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值