Android 仿通讯录A-Z侧边索引查询 LetterListView androidstudio

最新推荐文章于 2021-05-25 14:09:30 发布
最新推荐文章于 2021-05-25 14:09:30 发布
阅读量1.8k 收藏 6
点赞数
分类专栏： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yangfan106/article/details/51499238
版权

Android 仿通讯录A-Z侧边索引查询 LetterListView androidstudio

实现步骤：
1.自定义一个名叫LetterListView 的View。
2.在布局文件中加入这个自定义的View。
3. 重写listview Adapter
4. 在Activity中处理监听事件。

一、自定义 LetterListView 显示A-Z索引

package qqt.com.letterlist;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Typeface;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;

/**
 * Created by joy on 2016/5/25.
 */
public class LetterListView extends View {
    OnTouchingLetterChangedListener onTouchingLetterChangedListener;
    String[] b = { "#", "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" };
    int choose = -1;
    Paint paint = new Paint();
    boolean showBkg = false;

    public LetterListView(Context context, AttributeSet attrs, int defStyle)
    {
        super(context, attrs, defStyle);
    }

    public LetterListView(Context context, AttributeSet attrs)
    {
        super(context, attrs);
    }

    public LetterListView(Context context)
    {
        super(context);
    }

    @Override
    protected void onDraw(Canvas canvas)
    {
        super.onDraw(canvas);

        int height = getHeight();
        int width = getWidth();
        int singleHeight = height / b.length;
        //取消下面注释，点击背景变色
//        if (showBkg) {
//            // 画出背景
//            canvas.drawColor(Color.parseColor("#55000000"));
//        }
        for (int i = 0; i < b.length; i++)
        {
            paint.setColor(Color.WHITE);
            paint.setTypeface(Typeface.DEFAULT_BOLD);
            paint.setTextSize(28);
            paint.setAntiAlias(true);
            if (i == choose)
            {
                paint.setColor(getResources().getColor(R.color.colorAccent));
                paint.setTextSize(30);
                paint.setFakeBoldText(true);
            }
            float xPos = width / 2 - paint.measureText(b[i]) / 2;
            float yPos = singleHeight * i + singleHeight;
            canvas.drawText(b[i], xPos, yPos, paint);
            paint.reset();
        }

    }

    @Override
    public boolean dispatchTouchEvent(MotionEvent event)
    {
        final int action = event.getAction();
        final float y = event.getY();
        final int oldChoose = choose;
        final OnTouchingLetterChangedListener listener = onTouchingLetterChangedListener;
        final int c = (int) (y / getHeight() * b.length);

        switch (action) {
            case MotionEvent.ACTION_DOWN:
                showBkg = true;
                if (oldChoose != c && listener != null)
                {
                    if (c > 0 && c < b.length)
                    {
                        listener.onTouchingLetterChanged(b[c]);
                        choose = c;
                        invalidate();
                    }
                }

                break;
            case MotionEvent.ACTION_MOVE:
                if (oldChoose != c && listener != null)
                {
                    if (c > 0 && c < b.length)
                    {
                        listener.onTouchingLetterChanged(b[c]);
                        choose = c;
                        invalidate();
                    }
                }
                break;
            case MotionEvent.ACTION_UP:
                showBkg = false;
                choose = -1;
                invalidate();
                break;
        }
        return true;
    }

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

    public void setOnTouchingLetterChangedListener(OnTouchingLetterChangedListener onTouchingLetterChangedListener)
    {
        this.onTouchingLetterChangedListener = onTouchingLetterChangedListener;
    }
    public interface OnTouchingLetterChangedListener
    {
        public void onTouchingLetterChanged(String s);
    }
}

二、布局文件引用LetterListView

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="40dp"
        android:background="@color/colorBlue"
        android:gravity="center_vertical"
        android:orientation="horizontal">

        <TextView
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center"
            android:text="LetterListView"
            android:textColor="@color/colorWhite"
            android:textSize="20sp" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical">

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">


            <EditText
                android:id="@+id/editcity"
                android:layout_width="fill_parent"
                android:layout_height="50dp"
                android:layout_marginTop="5dp"
                android:paddingLeft="10dp"
                android:textSize="20sp"></EditText>

        </LinearLayout>

        <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_alignParentLeft="true"
            android:orientation="vertical">

            <ListView
                android:id="@+id/lvlist"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:background="@color/colorWhite"
                android:scrollbars="none" />

            <qqt.com.letterlist.LetterListView
                android:id="@+id/ltlvlist"
                android:layout_width="30dp"
                android:layout_height="match_parent"
                android:layout_alignParentRight="true"
                android:background="@color/colorGrayDeep"/>
        </RelativeLayout>

    </LinearLayout>

</LinearLayout>

三、重写Adapter

package qqt.com.letterlist;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;

import java.util.HashMap;
import java.util.List;

/**
 * Created by joy on 2016/5/25.
 */
public class MyAdapter extends BaseAdapter {
    public static HashMap hmAlpha;
    public static String[] sections;
    private LayoutInflater inflater;
    private List<City> listCitys;

    public MyAdapter(Context context, List<City> mCitys) {

        this.inflater = LayoutInflater.from(context);
        this.listCitys = mCitys;
        hmAlpha=new HashMap<String,Integer>();
        sections=new String[mCitys.size()];

        for (int i = 0; i < mCitys.size(); i++) {
            // 当前汉语拼音首字母
            String currentStr = mCitys.get(i).getCitySzm();
            // 上一个汉语拼音首字母，如果不存在为“ ”
            String previewStr = i>= 1? mCitys.get(i - 1)
                    .getCitySzm() : " ";
            if (!previewStr.equals(currentStr)) {
                String name = mCitys.get(i).getCitySzm();
                hmAlpha.put(name, i);
                sections[i] = name;
            }
        }

    }

    @Override
    public int getCount() {
        return listCitys.size();
    }

    @Override
    public Object getItem(int position) {
        return listCitys.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ComViewHolder holder;
        if (convertView == null) {
            convertView = inflater.inflate(R.layout.item_letterlist, null);
            holder = new ComViewHolder();
            holder.alpha = (TextView) convertView.findViewById(R.id.alpha);
            holder.name = (TextView) convertView.findViewById(R.id.name);
            convertView.setTag(holder);
        } else {
            holder = (ComViewHolder) convertView.getTag();
        }

        holder.name.setText(listCitys.get(position).getCityname());

        String currentStr = listCitys.get(position).getCitySzm();
        String previewStr = position  >=1 ? listCitys.get(position - 1)
                .getCitySzm() : " ";
        if (!previewStr.equals(currentStr)) {
            holder.alpha.setVisibility(View.VISIBLE);
            holder.alpha.setText(currentStr);
        } else {
            holder.alpha.setVisibility(View.GONE);
        }
        return convertView;
    }

    private class ComViewHolder {
        TextView alpha;
        TextView name;
    }
}

四、Activity代码处理

package qqt.com.letterlist;

import android.app.ActionBar;
import android.content.Context;
import android.graphics.PixelFormat;
import android.os.Bundle;
import android.os.Handler;
import android.support.v7.app.AppCompatActivity;
import android.text.Editable;
import android.text.TextWatcher;
import android.view.LayoutInflater;
import android.view.View;
import android.view.WindowManager;
import android.widget.EditText;
import android.widget.ListView;
import android.widget.TextView;

import org.json.JSONArray;
import org.json.JSONObject;

import java.io.InputStream;
import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {
    ListView lvlist;
    EditText editcity;
    TextView overlay;
    LetterListView ltlvlist;
    Handler handler;
    OverlayRunnable overlayRunnable;
    List<City> citys;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        handler = new Handler();
        overlayRunnable = new OverlayRunnable();
        lvlist = (ListView) findViewById(R.id.lvlist);
        editcity = (EditText) findViewById(R.id.editcity);
        ltlvlist = (LetterListView) findViewById(R.id.ltlvlist);
        editcity.addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {

            }

            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count) {

            }

            @Override
            public void afterTextChanged(Editable s) {
               //查询 重新绑定数据。。。
            }
        });
        //右侧索引
        ltlvlist.setOnTouchingLetterChangedListener(new LetterListView.OnTouchingLetterChangedListener() {
            @Override
            public void onTouchingLetterChanged(String s) {
                try {
                    if (MyAdapter.hmAlpha.get(s) != null) {
                        int position = (int) MyAdapter.hmAlpha.get(s);
                        lvlist.setSelection(position);
                        overlay.setText(MyAdapter.sections[position]);
                        overlay.setVisibility(View.VISIBLE);
                        handler.postDelayed(overlayRunnable, 1500);

                    }
                } catch (Exception e) {
                    // TODO: handle exception
                }
            }
        });
        initOverlay();
        citys = new ArrayList<City>();
        //获取数据
        try {
            String jsonStr = readLocalJson(this, "city.json");
            JSONObject jsonCity = new JSONObject(jsonStr);
            JSONArray jsonCitys = jsonCity.getJSONArray("citys");
            for (int i = 0; i < jsonCitys.length(); i++) {
                JSONObject temp = jsonCitys.getJSONObject(i);
                City city = new City();
                city.setCityname(temp.getString("name"));
                city.setCitypinyin(temp.getString("pinyin"));
                city.setCitySzm(temp.getString("pinyin").substring(0, 1));
                citys.add(city);
            }
            MyAdapter adapter = new MyAdapter(this, citys);
            lvlist.setAdapter(adapter);
        } catch (Exception e) {
        }


    }

    private class OverlayRunnable implements Runnable {

        @Override
        public void run() {
            overlay.setVisibility(View.GONE);
        }

    }

    // 初始化汉语拼音首字母弹出提示框
    private void initOverlay() {
        LayoutInflater inflater = LayoutInflater.from(this);
        overlay = (TextView) inflater.inflate(R.layout.overlay, null);
        overlay.setVisibility(View.INVISIBLE);
        WindowManager.LayoutParams lp = new WindowManager.LayoutParams(ActionBar.LayoutParams.WRAP_CONTENT,
                ActionBar.LayoutParams.WRAP_CONTENT, WindowManager.LayoutParams.TYPE_APPLICATION,
                WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE | WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE,
                PixelFormat.TRANSLUCENT);
        WindowManager windowManager = (WindowManager) this.getSystemService(Context.WINDOW_SERVICE);
        windowManager.addView(overlay, lp);
    }

    //读取json数据
    public static String readLocalJson(Context context, String fileName) {
        String jsonString = "";
        String resultString = "";
        try {
            InputStream inputStream = context.getResources().getAssets().open(fileName);
            byte[] buffer = new byte[inputStream.available()];
            inputStream.read(buffer);
            resultString = new String(buffer, "UTF-8");
        } catch (Exception e) {
            // TODO: handle exception
        }
        return resultString;
    }

}

源码地址:http://download.csdn.net/detail/yangfan106/9530984

杨二狗
关注
专栏目录
Android 仿通讯录A-Z侧边索引查询 LetterListView androidstudio
05-25
Android 仿通讯录A-Z侧边索引查询 LetterListView androidstudio
Android studio 通讯录开发
01-22
使用Android开发 简单 强悍 适合初学者，代码具有登录界面，注册界面，添加通讯录联系人，修改联系人，删除联系人，查询联系人等多个功能，简单使用十分适合初学者练习 参考使用 内有apk 可直接在手机上运行
Android ListView A~Z快速索引（改进版）
xiaoheliushuiya
08-26 175
上一篇文章虽然实现了ListView 快速索引的效果，但是有一个小小的Bug。这个Bug我在前面也说了，这篇文章就来解决这个Bug。 我研究的时候发现只要showBg值为true，中间的字母就显示，而当showBg 的值为false的时候中间的字母就可以消失。只要SlideBar的状态为ACTION_DOWN和ACTION_MOVE 的时候showBg的值为true，而ACTION_UP...
Android 联系人列表界面（仿iphone、A~Z字母排列、过滤搜索）
09-24
原文地址：http://blog.csdn.net/baiyulinlin1/article/details/52648547
Android自定义控件--A~Z列表侧边栏索引控件及相关开源实现源码分析
BoBoMEe
09-26 2098
App列表快速定位和筛选，如微信联系人索引。 相关开源库： <a href="https://github.com/woozzu/IndexableListView" target="_blank">woozzu/IndexableListView@[Github]</a> <a href="https://github.com/bhavyahmehta/ListviewFilter" target="
android 通讯录（A-Z）带可模糊查询搜索框
05-24
这篇教程“android 通讯录（A-Z）带可模糊查询搜索框”着重讲解如何创建一个能够进行字母索引排序和模糊查询的通讯录界面。在这个过程中，开发者会接触到Android的UI设计、数据处理以及搜索功能的实现。 首先，UI...
Android例子源码通讯录联系人字母排序索引A-Z
03-16
1、获取手机通讯录内容已列表的形式展示。 2、屏幕右边有26字母的标杆，触摸标杆的任一字母，该字母颜色、字体改变，同时屏幕上显示该字母，屏幕中展示首字母为该字母的通讯录名单。 3、点击通讯录列表的某一项，...
AndroidStudio安卓课设-简易通讯录
07-02
**Android Studio 安卓课设 - 简易通讯录** 在本次课设中，我们将会探讨如何使用Android Studio开发一个基于SQLite数据库的简易通讯录应用。这个应用包含两个主要界面：启动页和主页面。在主页面上，用户可以进行...
Android 仿腾讯通讯录管理-IT计算机-毕业设计.zip
04-05
【Android 仿腾讯通讯录管理】是一个典型的Android应用开发项目，旨在帮助学生和开发者了解如何在Android平台上构建一个类似于腾讯手机通讯录的应用。这个毕业设计的源码提供了丰富的学习资源，涵盖了Android应用...
安卓A-Z字母排序索引相关-AndroidListView侧栏字母条索引定位.rar
07-30
AndroidListView侧栏字母条索引定位.rar,太多无法一一验证是否可用，程序如果跑不起来需要自调，部分代码功能进行参考学习。
android stdio工程仿通讯录实现字母排序列表
09-14
android stdio工程 仿通讯录实现字母排序列表
Android开发之自定义view实现通讯录列表A~Z字母提示效果【附demo源码下载】
01-05
本文实例讲述了Android开发之自定义view实现通讯录列表A~Z字母提示效果。分享给大家供大家参考，具体如下： 开发工具：eclipse 运行环境：htc G9 android2.3.3 话不多说，先看效果图 其实左右边的A~Z是一个自定义的View，它直接覆盖在ListView上。 MyLetterListView： public class MyLetterListView extends View { OnTouchingLetterChangedListener onTouchingLetterChangedListener; String[] b = {#,A
Android代码-PinnedHeaderLetterListView
08-06
PinnedHeaderLetterListView PinnedHeaderLetterListView提供一个类似通讯录列表的组件，具备两个主要功能点，1、滑动时首字母会定在顶端，2、右侧有个字母列表，滑动这个列表时，显示选中的字母，同时将列表定位到相应的位置上 效果图 项目简介 lib包为最终提供的公共库 test包为测试用例 其中lib里面引用了一个开源库相关代码PinnedHeaderListView,这个开源库已经实现将列表title定在顶端的功能，具体介绍可前往查阅 主要类介绍 PinnedHeaderLetterListView.java PinnedHeaderLetterListView.java为最终提供的组件，继承了PinnedHeaderListView，本质上就是一个ListView，只不过是在ListView的基础上添加了一下操作，在具体使用的时候，跟ListView基本一致 private void initAttrs(AttributeSet attrs) { TypedArray typedArray = getContex
FastLetterListView:带有快速滚动和字母的自定义 Android ListView，而不是滚动条的字母
06-20
快信列表视图 带有快速滚动和字母的自定义 Android ListView，而不是滚动条的字母。 从下面列出的现有教程移植。 包括自定义字母间距和小错误修复。 ###原项目： :
字母条
lygsust的博客
09-01 472
一：代码链接 二：需求描述   看很多应用里都有字母条的效果，例如在联系人里就有字母条，方便用户快通过名字的首字母快速定位想找的联系人。 实现要求就是在手机里完整显A~Z的字母，当用户点击特定字母的时候，给出回调，同时把选中的字母颜色置红。 三：实现思路 1. 想要画出完整的字母，需要继承view，重写ondraw方法. canvas.drawText(String text , fl
改良版sidebar 通讯录导航栏A-Z
weixin_30466039的博客
04-08 105
我在网上搜了个sidebar的源码， 但是在xml里面开启大屏模式后，导航栏字体变得很小 <supports-screens android:anyDensity="true" android:largeScreens="true" android:normalScreens="true" android:smallS...
android仿通讯录效果实现
07-20
安卓仿通讯录效果实现，通过字母进行排序，输入筛选
android 字母索引三方,Android ListView字母索引(仿微信通讯录列表)
weixin_39930671的博客
05-25 184
布局代码xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent" >android:id="@+id/letterListView"android:layout_width="match_parent"android...
Android实现通讯录A-Z快速索引
"该资源主要涉及的是在Android平台上实现通讯录功能，特别是通讯录的排序以及按照字母A到Z的列表展示。这个功能允许用户在不同的排序方式之间自由切换，并且已被验证为简单易用。" 在Android开发中，实现通讯录功能...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值