0

古いアナログ車のカウンターのスタイルで最大 5 桁の整数を表示し、桁の変化をアニメーション化できるコンポーネントを構築したいと考えています。

それは多分このように見えます...

代替テキスト

この種の例を検索しようとしましたが、これまでのところ何も見つかりませんでした。

あなたの意見では、これを達成するための最良のアプローチは何ですか?

私はiPhoneのアラーム時間ピッカーを見ましたが、私が知る限り、固定された背景しかなく、ビューの内外に数字を押し込んでいます。しかし、この場合に数字を配置して特定の値を参照するにはどうすればよいですか?

tnx。

4

1 に答える 1

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();
    }


}
于 2011-09-22T09:27:34.873 に答える