android首字母索引

本文介绍了一个自定义的Android SideBar组件,该组件用于实现首字母索引功能。SideBar类包含了绘制字母的逻辑,以及触摸事件处理,可以与TextView配合显示选中字母。同时提供了CommUtil工具类帮助处理数据源与索引的对应关系。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.自定义布局

package com.example.administrator.ydwlxcpt.View;


import android.annotation.TargetApi;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.graphics.Typeface;
import android.graphics.drawable.Drawable;
import android.os.Build;
import android.util.AttributeSet;
import android.util.TypedValue;
import android.view.MotionEvent;
import android.view.View;
import android.widget.TextView;


import com.example.administrator.ydwlxcpt.R;


/**
 * Created by Administrator on 2018/5/10.
 */


public class SideBar extends View {
    /**
     * 点击回调
     */
    private OnTouchingLetterChangedListener onTouchingLetterChangedListener;
    /**
     * 26字母
     */
    public static String[] letterStrs = {"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 Paint paint = new Paint();
    /**
     * 显示的TextView
     */
    private TextView mTextDialog;
    /**
     * 普通时的颜色
     */
    private int normalColor;
    /**
     * 选中的颜色
     */
    private int chooseColor;
    /**
     * 普通时的背景
     */
    private Drawable normalBackground;
    /**
     * 选中时的背景
     */
    private Drawable chooseBackground;
    /**
     * 文字大小
     */
    private float textSize;
    /**
     * 边框
     */
    private Rect mRect;




    public SideBar(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }


    public SideBar(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        // 获取自定义属性
        TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.SideBar);
        normalColor = ta.getColor(R.styleable.SideBar_normalColor, Color.GRAY);
        chooseColor = ta.getColor(R.styleable.SideBar_chooseColor, Color.RED);
        normalBackground = ta.getDrawable(R.styleable.SideBar_normalBackground);
        chooseBackground = ta.getDrawable(R.styleable.SideBar_chooseBackground);
        textSize = ta.getDimension(R.styleable.SideBar_sideTextSize, TypedValue
                .applyDimension(TypedValue.COMPLEX_UNIT_SP, 13,
                        getResources().getDisplayMetrics()));
        ta.recycle();
        init();
    }


    /**
     * 为SideBar设置显示字母的TextView
     *
     * @param mTextDialog
     */
    public void setTextView(TextView mTextDialog) {
        this.mTextDialog = mTextDialog;
    }


    /**
     * 设置
     *
     * @param letter
     */
    public void setLetter(String[] letter) {
        this.letterStrs = letter;
        invalidate();
        requestLayout();
    }




    /**
     * 初始化参数
     */
    @TargetApi(Build.VERSION_CODES.JELLY_BEAN)
    private void init() {
        paint.setColor(normalColor);
        paint.setTypeface(Typeface.DEFAULT_BOLD);
        paint.setAntiAlias(true);
        paint.setTextSize(textSize);
        // 获取单个绘制的rect,用于获取单个绘制项的高度
        mRect = new Rect();
        paint.getTextBounds("A", 0, "A".length(), mRect);
    }




    /**
     * 绘制
     *
     * @param canvas
     */
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        // 获取焦点改变背景颜色.
        int height = getHeight() - getPaddingTop() - getPaddingBottom();// 获取对应高度
        int width = getWidth(); // 获取对应宽度
        int singleHeight = height / letterStrs.length;// 获取每一个字母的高度
        for (int i = 0; i < letterStrs.length; i++) {
            // 选中的状态
            if (i == choose) {
                paint.setColor(chooseColor);
                paint.setFakeBoldText(true);
            }
            // x坐标等于中间-字符串宽度的一半.
            float xPos = width / 2 - paint.measureText(letterStrs[i]) / 2;
            float yPos = singleHeight * i + singleHeight;
            canvas.drawText(letterStrs[i], xPos, yPos, paint);
            paint.reset();// 重置画笔
            init();
        }
    }


    @TargetApi(Build.VERSION_CODES.JELLY_BEAN)
    @Override
    public boolean dispatchTouchEvent(MotionEvent event) {
        final int action = event.getAction();
        // 点击的y坐标
        final float y = event.getY();
        final int oldChoose = choose;
        final OnTouchingLetterChangedListener listener = onTouchingLetterChangedListener;
        // 获取当前点击的字母位置,点击位置的y坐标比上总的高度相当于点击的位置比上全部位置(c / b.length = y / getHeight())
        final int currChoose = (int) (y / getHeight() * letterStrs.length);


        switch (action) {
            case MotionEvent.ACTION_UP:
                // 重置背景色
                if (null != normalBackground) {
                    setBackground(normalBackground);
                } else {
                    setBackgroundColor(Color.argb(0, 0, 0, 0));
                }
                // 抬起时置为-1
                choose = -1;
                invalidate();
                if (mTextDialog != null) {
                    mTextDialog.setVisibility(View.INVISIBLE);
                }
                break;
            default:
                // 设置背景色
                if (null != chooseBackground) {
                    setBackground(chooseBackground);
                }
                if (oldChoose != currChoose) {
                    if (currChoose >= 0 && currChoose < letterStrs.length) {
                        if (null != listener) {
                            listener.onTouchingLetterChanged(letterStrs[currChoose]);
                        }
                        if (null != mTextDialog) {
                            mTextDialog.setText(letterStrs[currChoose]);
                            mTextDialog.setVisibility(View.VISIBLE);
                        }
                        // 设置选中的位置为当前位置
                        choose = currChoose;
                        invalidate();
                    }
                }
                break;
        }
        return true;
    }


    /**
     * 向外公开的方法
     *
     * @param onTouchingLetterChangedListener
     */
    public void setOnTouchingLetterChangedListener(
            OnTouchingLetterChangedListener onTouchingLetterChangedListener) {
        this.onTouchingLetterChangedListener = onTouchingLetterChangedListener;
    }


    /**
     * 回调接口
     *
     * @author coder
     */
    public interface OnTouchingLetterChangedListener {
        void onTouchingLetterChanged(String s);
    }




    /**
     * 测量
     *
     * @param widthMeasureSpec
     * @param heightMeasureSpec
     */
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int widthMode = MeasureSpec.getMode(widthMeasureSpec);
        int heightMode = MeasureSpec.getMode(heightMeasureSpec);
        int sizeWidth = MeasureSpec.getSize(widthMeasureSpec);
        int sizeHeight = MeasureSpec.getSize(heightMeasureSpec);
        // 当高度为自适应时,高度为字母高度*字母数量*2 即间隔为单位高度
        int wrapHeight = letterStrs.length * (mRect.height() * 2);
        // 当宽度为自适应使,宽度为字母宽度*2
        int warpWidth = mRect.width() * 2;
        setMeasuredDimension((widthMode == MeasureSpec.EXACTLY) ? sizeWidth : warpWidth
                , (heightMode == MeasureSpec.EXACTLY) ? sizeHeight
                        //wrap_content时的高度
                        : wrapHeight);
    }


    public interface JieKou {
        String getCB_FirstLetter();
    }

}

2.工具类

package com.example.administrator.ydwlxcpt.View;


/**
 * Created by Administrator on 2018/5/10.
 */
import com.example.administrator.ydwlxcpt.Bean.Pingpai;


import java.util.ArrayList;
import java.util.List;
public class CommUtil {
    /**
     * 根据当前选中的项获取其第一次出现该项首字母的位置
     *
     * @param position 当前选中的位置
     * @param datas  数据源
     * @return
     */
    public static int getPositionForSection(int position, List<? extends Pingpai> datas) {
        // 当前选中的项
        Pingpai sideBase = datas.get(position);
        for (int i = 0; i < datas.size(); i++) {
            String firstStr = datas.get(i).getCB_FirstLetter().toUpperCase();
            // 返回第一次出现该项首字母的位置
            if (firstStr.equals(sideBase.getCB_FirstLetter())) {
                return i;
            }
        }
        return -1;
    }


    /**
     * 获取所选中的索引在列表中的位置
     *
     * @param list
     * @param letter
     * @return
     */
    public static int getLetterPosition(List<? extends Pingpai> list, String letter) {
        int position = -1;


        if (list != null && !list.isEmpty() && !"".equals(letter)) {
            for (int i = 0; i < list.size(); i++) {
                Pingpai bean = list.get(i);
                if (bean.getCB_FirstLetter().equals(letter)) {
                    position = i;
                    break;
                }
            }
        }
        return position;
    }


    /**
     * 筛选出数据源中所包含的全部索引值
     *
     * @param list
     * @return
     */
    public static String[] getLetters(List<? extends Pingpai> list) {
        List<String> letters = new ArrayList<>();
        if (list != null && !list.isEmpty()) {
            for (int i = 0; i < list.size(); i++) {
                if (!letters.contains(list.get(i).getCB_FirstLetter())) {
                    letters.add(list.get(i).getCB_FirstLetter());
                }
            }
        }
        return (String[]) letters.toArray(new String[letters.size()]);
    }


}

3.资源背景 attays.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>


    <declare-styleable name="PowerImageView">
        <attr name="auto_play" format="boolean"></attr>
    </declare-styleable>
    <!--SideBar相关-->
    <!--普通时的颜色-->
    <attr name="normalColor" format="color"/>
    <!--选中时的颜色-->
    <attr name="chooseColor" format="color"/>
    <!--普通时的背景图-->
    <attr name="normalBackground" format="reference"/>
    <!--选中时的背景图-->
    <attr name="chooseBackground" format="reference"/>
    <!--索引栏文字大小-->
    <attr name="sideTextSize" format="dimension"/>
    <declare-styleable name="SideBar">
        <attr name="normalColor"/>
        <attr name="chooseColor"/>
        <attr name="normalBackground"/>
        <attr name="chooseBackground"/>
        <attr name="sideTextSize"/>
    </declare-styleable>
</resources>
4.activity 点击
   sb_sidebar.setOnTouchingLetterChangedListener(new SideBar.OnTouchingLetterChangedListener() {
            @Override
            public void onTouchingLetterChanged(String s) {
                int position = CommUtil.getLetterPosition(pingpaiList, s);
                if (position != -1) {
                    listView.setSelection(position);
                }
            }
        });
    }


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值