android - カスタム TextView のようなテキスト描画

Question

テキストを表示するカスタム ビューを実装しようとしていますが、テキストの描画に問題があります (テキストは赤、ビューの背景は緑):

ソースコードはペーストビンにあります。

Answer 1

onDraw() メソッドにはいくつかの問題があります。テキストの配置を明示的に変更していないため、テキストはデフォルトで左に配置されます。このモードでは、テキストはベースライン (y) の左 (x) から右上に描画されます。あなたのコードでは x = 0 と y = 0 であるため、テキストは x=0 からベースライン y = 0 の右と上に向かって描画を開始するため、テキストは表示されません。コードの修正版は次のとおりです。

public class FastTextView extends View {

private Context mContext;
private String mText = "";
private int mTextSize;
private Paint mPaint;

private int paddingLeft   = 0;
private int paddingRight   = 0;
private int paddingTop    = 0;
private int paddingBottom = 0;

private int fontSize = 100;

public void setText(String text)
{
    mText = text;
}

public FastTextView (Context context)
{
    super(context);
    initialize();
}

public FastTextView (Context context, AttributeSet attrs)
{
    super(context, attrs);
    initialize();
}

public void setPaddingLeft(int padding)
{
    paddingLeft = padding;
}

public void setPaddingRight(int padding)
{
    paddingRight = padding;
}

public void setPaddingBottom(int padding)
{
    paddingBottom = padding;
}

public void setPaddingTop(int padding)
{
    paddingTop = padding;
}

public void setFontSize(int size)
{
    fontSize = size;
}

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
{
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    Rect rect = new Rect();
    mPaint.getTextBounds(mText.toString(), 0, mText.length(), rect);

    int width = Math.max(rect.width(), getSuggestedMinimumWidth()) + paddingLeft + paddingRight;
    int height = Math.max(rect.height(), getSuggestedMinimumHeight()) + paddingTop + paddingBottom;

    setMeasuredDimension(width, height);
}

/**
 * Initialize the view
 */
private void initialize()
{
    mContext = getContext();
    mPaint = new Paint();
    mPaint.setColor(Color.RED);
    mPaint.setTextSize(fontSize);
    mPaint.setTextAlign(Align.LEFT);
    setBackgroundColor(Color.GREEN);
}

@Override
protected void onDraw(Canvas canvas)
{
    super.onDraw(canvas);
    canvas.drawColor(Color.BLUE);
    int x = paddingLeft;
    int y = paddingTop + fontSize;

    if (mText.length() > 0) {
        canvas.drawText(mText, x, y-fontSize/4, mPaint);
    }
}

}

Answer 2

(L 91) でビューの上部にテキストを描画する代わりに:

canvas.drawText(mText, 0, mText.length() - 1, 0, 0, mPaint);

試す：

canvas.drawText(mText, 0, mText.length() - 1, 0, canvas.getHeight(), mPaint);

整列設定はPaint変数に格納されることに注意してください。したがって、テキストがまだ正しく描画されない場合は、おそらく変更する必要があります。