网上有很多滑动选取的控件,比如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--;