Create Draw rounded corners rectangle above Canvas in android programmatically

How to make and show rectangle on canvas with rounded shape corners on activity screen.

In this tutorial we are simply creating rounded corners rectangle shape box just above the canvas. We are using canvas.drawRoundRect() to draw shape on canvas. So here is the complete step by step tutorial for Create Draw rounded corners rectangle above Canvas in android programmatically.

android-project-download-code-button

How to Create Draw rounded corners rectangle above Canvas in android programmatically.

Code for MainActivity.java file.

 package com.drawroundedcornersrectangle_android_examples.com;

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;

public class MainActivity extends Activity {

 ImageView imageview;
 Button button;
 Bitmap bitmap;
 Canvas canvas;
 Paint paint;
 int AllMargin = 20;
 RectF rectf;
 int Corners = 15, width, height;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);
 
 imageview = (ImageView)findViewById(R.id.imageView1);
 button = (Button)findViewById(R.id.button1);
 
 button.setOnClickListener(new View.OnClickListener() {
 
 @Override
 public void onClick(View v) {
 // TODO Auto-generated method stub
 
 CreateBitmap();
 
 CreateCanvas();
 
 width = canvas.getWidth() - AllMargin;
 height = canvas.getHeight() - AllMargin;
 
 CreatePaint();
 
 rectf = new RectF(
 AllMargin,
 AllMargin,
 width,
 height
 );
 

 canvas.drawRoundRect(
 rectf,
 Corners,
 Corners,
 paint
 );

 imageview.setImageBitmap(bitmap);
 
 }
 });
 }
 
 public void CreateBitmap(){
 
 bitmap = Bitmap.createBitmap(
 400,
 250,
 Bitmap.Config.RGB_565
 );
 
 }
 
 public void CreateCanvas(){
 
 canvas = new Canvas(bitmap);
 
 canvas.drawColor(Color.CYAN);
 
 }
 
 public void CreatePaint(){
 
 paint = new Paint();
 
 paint.setStyle(Paint.Style.FILL);
 
 paint.setColor(Color.BLUE);
 
 paint.setAntiAlias(true);
 
 }
 
}

Code for activity_main.xml layout file.

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:paddingBottom="@dimen/activity_vertical_margin"
 android:paddingLeft="@dimen/activity_horizontal_margin"
 android:paddingRight="@dimen/activity_horizontal_margin"
 android:paddingTop="@dimen/activity_vertical_margin"
 tools:context="com.drawroundedcornersrectangle_android_examples.com.MainActivity" >

 <ImageView
 android:id="@+id/imageView1"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_alignParentTop="true"
 android:layout_centerHorizontal="true"
 />

 <Button
 android:id="@+id/button1"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_centerHorizontal="true"
 android:layout_centerVertical="true"
 android:text="Click Here to Create Draw rounded corners rectangle above Canvas in android programmatically" />

</RelativeLayout>

Screenshot:

Create Draw rounded corners rectangle above Canvas in android programmatically

Click here to download Create Draw rounded corners rectangle above Canvas in android programmatically project with source code.