动画数字变化

Question

我想构建一个组件，能够以旧模拟汽车计数器的风格显示最多 5 位的整数，并以动画方式显示数字变化。

看起来像这样也许...

我尝试过搜索这种示例，但找不到到目前为止的任何事情。

您认为实现这一目标的最佳方法是什么？

我查看了 iPhone 闹钟时间选择器，据我所知，只有固定的背景，它们将数字推入或推出视图。但在这种情况下我如何放置数字并将它们引用到特定值？

tnx。

Answer 1

您可以尝试创建自己的视图，扩展视图并重写 onDraw()。
在这里，您可以使用位图中的数字行，并根据您希望显示的数字编辑它们的位置。
设置新数字后不要忘记调用 invalidate() 来重绘视图。

我将粘贴一个包含项目开始的示例。
位图编号是一个垂直图像，编号为 1-9（以及 0&.）

。

class TickerView extends View { .. 


public void setDouble(double d) {
        value = d;
        invalidate();
    }
        protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        int startx = 0;
        int starty = 0;
        DecimalFormat df = new DecimalFormat("#0.00");
        String str = df.format(value);
        String original = Double.toString(value);

        Bitmap nums = BitmapFactory.decodeResource(context.getResources(),
                R.drawable.numbers);

        for (int i = 0; i < str.length(); i++) {
            int num = 0;
            try {
                num = Integer.parseInt(str.charAt(i) + "");
            } catch (Exception e) {
                num = 10;
            }
            int numbefore = 0;
            try {
                numbefore = Integer.parseInt(original.charAt(i -1) + "");
            } catch (Exception e) {
                numbefore = 0;
            }

            canvas.drawBitmap(nums, startx + (i * 40), (starty + 40)
                    - (num * 50) + (numbefore), paintY);

        }
        paintY.setStrokeWidth(10);
        canvas.drawLine(startx, starty+36, startx + (str.length() * 40), starty+36,
                paintY);
        canvas.drawLine(startx, starty + 90, startx + (str.length() * 40),
                starty + 90, paintY);
        invalidate();
    }


}