Android-自定义索引表view

主要步骤
1.横向绘制出26个字母和#
2.事件滑动获取对应的字母
3.监听回调出对应字母
public class SideBar  extends View{
private static final String TAG = "SideBar";
private static String minue="A";
/**
 * 触摸事件
 */
private ITouchingLetterChangedListener onTouchingLetterChangedListener;
/**
 * 侧边栏显示字母
 */
private String[] words = { "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 int choose = -1;

private int chooseup=-1;
/**
 * 相应的画笔
 */
private Paint paint;

/**
 * 构造函数 数据初始化
 * @param context 上下文对象
 * @param attrs   属性列表
 * @param defStyleAttr 默认样式
 */
public SideBar(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    init();
}
/**
 * 初始化相应的数据
 */
private void init() {
    paint = new Paint();
}
/**
 * 构造函数 数据初始化
 * @param context 上下文对象
 * @param attrs  属性列表
 */
public SideBar(Context context, AttributeSet attrs) {
    this(context, attrs, 0);
}

/**
 * 构造函数 数据初始化
 * @param context  上下文对象
 */
public SideBar(Context context) {
    this(context, null);
}

/**
 * 绘制列表控件的方法
 * 将要绘制的字母以从上到下的顺序绘制在一个指定区域
 * 如果是进行选中的字母就进行高亮显示
 */
@Override
protected void onDraw(Canvas canvas) {
    // TODO Auto-generated method stub
    super.onDraw(canvas);
    int height = getHeight();// 获取对应高度
    int width = getWidth(); // 获取对应宽度
    int singleWidth = width / words.length;// 获取每一个字母的宽度

    for (int i = 0; i < words.length; i++) {
        paint.setColor(getResources().getColor(R.color.indexadc));
        // paint.setColor(Color.WHITE);
        paint.setTypeface(Typeface.DEFAULT_BOLD);

        paint.setTextSize(20f);
        // 选中的状态
        if (i == choose) {
            chooseup=choose;
            paint.setColor(getResources().getColor(R.color.indexabc));
            paint.setFakeBoldText(true);
        }
        // x坐标等于中间-字符串宽度的一半.
        //float yPos = height / 2.0f - paint.measureText(words[i]) / 2.0f;
        float yPos = height / 2.0f - paint.measureText(words[0]) / 2.0f;
        float xPos = singleWidth * i + singleWidth/2;
        if (words[i]=="I") {  //解决当绘制字母I时会左右距离不同问题
            xPos = singleWidth * i + singleWidth/2+paint.measureText(words[0]) / 2.0f;
        }
        canvas.drawText(words[i], xPos, yPos, paint);
        paint.reset();// 重置画笔
    }
}
boolean isup=false;

/**
 * 处理触摸事件的方法
 * 用户按下时候,整个控件背景变化
 * 根据按下x坐标 判断究竟用户按下那个字母
 * 当前字母高亮显示 将其字母显示屏幕中央
 */
@SuppressWarnings("deprecation")
@Override
public boolean dispatchTouchEvent(MotionEvent event) {
    int action = event.getAction();
    final float x = event.getX();// 点击x坐标
    final int oldChoose = choose;
    final ITouchingLetterChangedListener listener = onTouchingLetterChangedListener;
    final int c = (int) (x / getWidth() * words.length);// 点击x坐标所占总宽度的比例*b数组的长度就等于点击b中的个数.
    switch (action) {

    case MotionEvent.ACTION_UP:
        isup=true;
        FragmentContacts.hideADCtip();
        setBackgroundDrawable(new ColorDrawable(0x00000000));
        choose = -1;//
        invalidate();
        break;

    default:
        isup=false;
        //setBackgroundResource(R.drawable.sidebar_background);
        if (oldChoose != c) {
            if (c >= 0 && c < words.length) {
                if (listener != null) {
                    listener.OnTouchingLetterChanged(words[c]);
                }
                choose = c;
                invalidate();
            }
        }
        break;
    }
    return true;
}


//listView滑动可见第一个字母
public void setPosition(String position){
    Log.i(TAG, "position"+position);
    //isshow=true;
    minue=position;
}

/**
 * 接口
 */
public interface ITouchingLetterChangedListener {
    void OnTouchingLetterChanged(String cString);
}

/**
 * 字母改变的监听器
 * @return  获取字母改变的监听器
 */
public ITouchingLetterChangedListener getOnTouchingLetterChangedListener() {
    return onTouchingLetterChangedListener;
}

/**
 * 设置改变的监听器
 * @param onTouchingLetterChangedListener 设置字母改变的监听器
 */
public void setOnTouchingLetterChangedListener(
        ITouchingLetterChangedListener onTouchingLetterChangedListener) {
    this.onTouchingLetterChangedListener = onTouchingLetterChangedListener;
}

}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,634评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,951评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,427评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,770评论 1 290
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,835评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,799评论 1 294
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,768评论 3 416
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,544评论 0 271
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,979评论 1 308
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,271评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,427评论 1 345
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,121评论 5 340
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,756评论 3 324
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,375评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,579评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,410评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,315评论 2 352

推荐阅读更多精彩内容