仿微信通讯录右侧快速定位字母表控件的实现

最新推荐文章于 2024-08-09 02:16:38 发布

JasonGaoH

最新推荐文章于 2024-08-09 02:16:38 发布

阅读量1w

点赞数 3

分类专栏： android笔记

本文链接：https://blog.csdn.net/H_Gao/article/details/52280521

版权

本文介绍了如何实现仿微信通讯录右侧的快速定位字母表控件，通过自定义View并重写onDraw和触摸事件响应方法，实现字母绘制和触摸反馈。同时展示了主界面、数据适配器的代码，并提供了源码链接。

摘要由CSDN通过智能技术生成

仿微信通讯录右侧快速定位字母表控件

先看效果图：

界面比较单调，凑合看，主要看功能。这种控件在很多应用的通讯录的界面，MIUI里面的通讯录都有这个功能，其实这是一个自定义View，相对来说，这个并不是一个多么复杂的自定义View。

下面介绍一下这种控件的实现方法：

首先，自定义View，一般是对View的增强，因为系统提供的控件不能满足需求，

一般情况下，都是继承View，然后重写里面的onDraw等方法。

来看一下这个控件，A~#这27个符号需要绘制到view上去，这个当然需要在onDraw方法中实现。

另外，这个控件能够响应用户的Touch事件，在用户触碰到相应的字母的时候，左边需要展示相应字母的对话框，

其实这里可以用一个TextView来实现，在Touch事件里面设置TextView的状态是否可见就可以了，

处理需要展示对话框，还需要控制左边ListView的位置，当手指碰到相应的字母时，ListView需要跳到相应的字母位置处。

下面我们来看下这个自定义View的源码：

package com.hgao.view;

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

import com.hgao.main.R;
import com.hgao.utils.PixelUtil;

public class MyLetterView extends View {

	public static String[] letters = { "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 choose = -1;
       //该TextView是左边显示的对话框
	private TextView