Learn How to Draw Text in Canvas In Android

Introduction

 

This article explains how to draw text inside a rectangle using the canvas in Android. Android Studio is used for the sample.

 

In this, you will first create a paint object. Then call the setColor() method of paint to set the color of the rectangle by ing a color variable. The setStyle() method sets the style of the rectangle, here I ed Stroke as an argument that sets the rectangle having a stroke on its side.

 

The setStrokeWidth() method sets the stroke width of the Rectangle. Finally,b I called darwRect() to draw the rectangle. 

 

I have also drawn the text using the drawText() method of the canvas and also called setTextsize() to change the size of the text.

 

Step 1

 

Create a project like this:

 

 

Step 2

 

XML file

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="Text" />

</LinearLayout>

Step 3

 

Create a Java file as in the following:

package com.SampleCanvas;
import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;

public class Second extends Activity {
    SampleCanvasActivity drawView;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        drawView = new SampleCanvasActivity(this);
        drawView.setBackgroundColor(Color.GRAY);
        setContentView(drawView);
    }
}

Step 4

 

Create another Java file as in the following:

package com.SampleCanvas;

import java.util.ArrayList;

import android.app.Activity;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.Rect;
import android.graphics.RectF;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.view.Gravity;
import android.view.MotionEvent;
import android.view.SurfaceHolder;
import android.view.SurfaceView;
import android.view.View;
import android.view.View.OnTouchListener;
import android.view.ViewGroup.LayoutParams;
import android.view.Window;
import android.view.WindowManager;
import android.widget.EditText;
import android.widget.FrameLayout;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.view.View;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;

public class SampleCanvasActivity extends View {
    Paint paint = new Paint();
    public SampleCanvasActivity(Context context) {
        super(context);
    }

    @Override
    public void onDraw(Canvas canvas) {

        paint.setColor(Color.BLACK);
        paint.setStyle(Paint.Style.STROKE);
        paint.setStrokeWidth(5);
        canvas.drawRect(730, 430, 40, 20, paint);

        Paint paint2=new Paint();
        paint2.setTextSize(35);
        canvas.drawText("Deposit Ammount in your account", 140- paint2.getTextSize(), 100, paint2);
        paint.setTextSize(25);
        canvas.drawText("Enter Amount", 300- paint2.getTextSize(), 200, paint2);

        /*ImageView imageView = new ImageView(getContext());
        Bitmap mainImage = BitmapFactory.decodeResource(getResources(), R.drawable.ic_launcher);
        imageView.setImageBitmap( mainImage );*/
       // Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.iamge1);

        //canvas.drawBitmap(bitmap, 120, 500, null);
        //canvas.drawBitmap(bitmap, 150, 500, null);


       // layout.setGravity(Gravity.BOTTOM);
       //paint.setStyle(Paint.Style.STROKE);
       // paint.setColor(Color.WHITE);
        //canvas.drawRect(130, 130, 80, 80, paint);
        //paint.setColor(Color.BLACK);
        //canvas.drawText("SomeText",25,20,paint);
        //paint.setTextSize(20);
        //canvas.drawText("Some Text", 10, 25, paint);
       /* canvas.drawRect(33, 60, 77, 77, paint );
        paint.setColor(Color.YELLOW);
        canvas.drawRect(33, 33, 77, 60, paint );*/

    }
}

Step 5

 

Android Manifest.xml file

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.SampleCanvas"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk android:minSdkVersion="6" />

    <application
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name" >
        <activity
            android:name=".Second"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

Step 6

 

 

Now you have text inside the rectangle using the Canvas.