一个简单的滚轮选取控件

网上有很多滑动选取的控件,比如Android-wheel,github地址,本文只是记录下以前写过的类似控件的思路,不适合实际项目使用。

先来讲讲思路,我这样重复造轮子不太好,而且实现的功能也比较简陋,不过还是打算写下来,记录一下自己成长的过程。

控件中准备将控件中的控件项通过onDraw()中的drawText()绘制出来,准备用一个数字values[]来保存item项的值。那么问题来了,我们要怎么判断该绘制哪几个item?

分两种情况讨论,
1,静止状态:
用一个index来保存当前item在数组中的游标位置,只需要绘制游标左右两项就可以了。

for (int i = -1; i <= 1; i++) {
    canvas.drawText(values[getIndex(index + i)] + "", centerX, calBaseline(TOP * (i + 1), TOP * (i + 1) + TEXT_HEIGHTPX, paint), paint);
}

2,滑动状态:
在滑动过程中,随时更新游标的位置,

changY为相对上一次静止位置滑动的距离(矢量)

     index = getIndex(lastIndex - Math.round((float) changeY / TEXT_HEIGHTPX));

记录上一次静止状态的lastIndex,由lastIndex左右遍历,画出屏幕区域内的item。

            int indexTop = TOP + changeY;
            int top;
            int i = -1;
            while ((top = indexTop + TEXT_HEIGHTPX * i) < 3 * TEXT_HEIGHTPX) {
                int newIndex = getIndex(lastIndex + i);
                if (newIndex == index) {
                    paint.setTextSize(TEXT_SIZE_BIG);
                } else {
                    paint.setTextSize(TEXT_SIZE);
                }
                canvas.drawText(values[newIndex] + "", centerX, calBaseline(top, top + TEXT_HEIGHTPX, paint), paint);
                i++;
            }

            i = 1;
            while ((top = indexTop + TEXT_HEIGHTPX * i) > -TEXT_HEIGHTPX) {
                int newIndex = getIndex(lastIndex + i);
                if (newIndex == index) {
                    paint.setTextSize(TEXT_SIZE_BIG);
                } else {
                    paint.setTextSize(TEXT_SIZE);
                }
                canvas.drawText(values[newIndex] + "", centerX, calBaseline(top, top + TEXT_HEIGHTPX, paint), paint);
                i--;

下载地址

你可能感兴趣的:(Android一周自定义控件)