Android Canvas.drawText


91

ฉันมีมุมมองฉันวาดด้วยวัตถุ Canvas ในเมธอด onDraw (Canvas canvas) รหัสของฉันคือ:

Paint paint = new Paint();
paint.setColor(Color.WHITE);
paint.setStyle(Style.FILL);
canvas.drawPaint(paint);

paint.setColor(android.R.color.black);
paint.setTextSize(20);
canvas.drawText("Some Text", 10, 25, paint);

ปัญหาคือข้อความไม่แสดงผ่านพื้นหลังฉันทำอะไรผิด? ถ้าฉันลบ canvas.drawPaint (paint) และ paint.setColor (android.R.color.black) คุณจะเห็นข้อความบนหน้าจอ .....

คำตอบ:


156

วิธีนี้ปรากฎว่า android.R.color.black ไม่เหมือนกับ Color.BLACK เปลี่ยนรหัสเป็น:

Paint paint = new Paint(); 
paint.setColor(Color.WHITE); 
paint.setStyle(Style.FILL); 
canvas.drawPaint(paint); 

paint.setColor(Color.BLACK); 
paint.setTextSize(20); 
canvas.drawText("Some Text", 10, 25, paint); 

และทุกอย่างทำงานได้ดีตอนนี้ !!


36
ใช่. หากคุณต้องการใช้การกำหนดสีในres/colors.xmlไฟล์กับ ID R.color.blackคุณจะใช้ ID ไม่ได้ หากคุณต้องการได้รับค่าสีจริงจากทรัพยากรให้ใช้paint.setColor(getResources().getColor(R.color.black));
Matt Gibson

มีใครรู้วิธีการวาดข้อความใน Android Canvas ShapeDrawable ด้วยRectShapeบ้าง?
LOG_TAG

1
และสำหรับการตั้งค่าขนาดของข้อความในdpคุณสามารถใช้เป็นนี้
SMMousavi

สิ่งสำคัญคือต้องรีเซ็ตรูปแบบเป็น FILL มิฉะนั้นอาจทำให้ข้อความของคุณผิดปกติ (ซึ่งอาจมีเส้นหนามาก) และดูหนาและน่าเกลียดจริงๆ
Chase Roberts

ที่นี่ใน drawText ("ข้อความบางส่วน", 10,25, ระบายสี); หมายความว่าขอบซ้ายคือ 10 และขอบบนคือ 25 ฉันพูดถูกไหม
Prince Dholakiya

39

ควรสังเกตว่าเอกสารแนะนำให้ใช้Layoutแทนที่จะใช้Canvas.drawTextโดยตรง คำตอบทั้งหมดของฉันเกี่ยวกับการใช้ a StaticLayoutอยู่ที่นี่แต่ฉันจะให้ข้อมูลสรุปด้านล่าง

String text = "This is some text.";

TextPaint textPaint = new TextPaint();
textPaint.setAntiAlias(true);
textPaint.setTextSize(16 * getResources().getDisplayMetrics().density);
textPaint.setColor(0xFF000000);

int width = (int) textPaint.measureText(text);
StaticLayout staticLayout = new StaticLayout(text, textPaint, (int) width, Layout.Alignment.ALIGN_NORMAL, 1.0f, 0, false);
staticLayout.draw(canvas);

นี่คือตัวอย่างที่สมบูรณ์ยิ่งขึ้นในบริบทของมุมมองที่กำหนดเอง:

ป้อนคำอธิบายภาพที่นี่

public class MyView extends View {

    String mText = "This is some text.";
    TextPaint mTextPaint;
    StaticLayout mStaticLayout;

    // use this constructor if creating MyView programmatically
    public MyView(Context context) {
        super(context);
        initLabelView();
    }

    // this constructor is used when created from xml
    public MyView(Context context, AttributeSet attrs) {
        super(context, attrs);
        initLabelView();
    }

    private void initLabelView() {
        mTextPaint = new TextPaint();
        mTextPaint.setAntiAlias(true);
        mTextPaint.setTextSize(16 * getResources().getDisplayMetrics().density);
        mTextPaint.setColor(0xFF000000);

        // default to a single line of text
        int width = (int) mTextPaint.measureText(mText);
        mStaticLayout = new StaticLayout(mText, mTextPaint, (int) width, Layout.Alignment.ALIGN_NORMAL, 1.0f, 0, false);

        // New API alternate
        //
        // StaticLayout.Builder builder = StaticLayout.Builder.obtain(mText, 0, mText.length(), mTextPaint, width)
        //        .setAlignment(Layout.Alignment.ALIGN_NORMAL)
        //        .setLineSpacing(1, 0) // multiplier, add
        //        .setIncludePad(false);
        // mStaticLayout = builder.build();
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        // Tell the parent layout how big this view would like to be
        // but still respect any requirements (measure specs) that are passed down.

        // determine the width
        int width;
        int widthMode = MeasureSpec.getMode(widthMeasureSpec);
        int widthRequirement = MeasureSpec.getSize(widthMeasureSpec);
        if (widthMode == MeasureSpec.EXACTLY) {
            width = widthRequirement;
        } else {
            width = mStaticLayout.getWidth() + getPaddingLeft() + getPaddingRight();
            if (widthMode == MeasureSpec.AT_MOST) {
                if (width > widthRequirement) {
                    width = widthRequirement;
                    // too long for a single line so relayout as multiline
                    mStaticLayout = new StaticLayout(mText, mTextPaint, width, Layout.Alignment.ALIGN_NORMAL, 1.0f, 0, false);
                }
            }
        }

        // determine the height
        int height;
        int heightMode = MeasureSpec.getMode(heightMeasureSpec);
        int heightRequirement = MeasureSpec.getSize(heightMeasureSpec);
        if (heightMode == MeasureSpec.EXACTLY) {
            height = heightRequirement;
        } else {
            height = mStaticLayout.getHeight() + getPaddingTop() + getPaddingBottom();
            if (heightMode == MeasureSpec.AT_MOST) {
                height = Math.min(height, heightRequirement);
            }
        }

        // Required call: set width and height
        setMeasuredDimension(width, height);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        // do as little as possible inside onDraw to improve performance

        // draw the text on the canvas after adjusting for padding
        canvas.save();
        canvas.translate(getPaddingLeft(), getPaddingTop());
        mStaticLayout.draw(canvas);
        canvas.restore();
    }
}
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.