Scribd
Upload
188 views3 pages

Semi Circle Progress Bar

This document contains code for creating a semicircle progress bar view in Android. It defines a SemiCircleProgressBarView class that extends View and overrides the onDraw method. The class loads a bitmap, defines a clipping path based on the progress, clips the canvas to this path, and draws the bitmap. It also includes layout XML and an Activity to initialize and set the progress of the view.

Uploaded by

Akshay Kumar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
188 views3 pages

Semi Circle Progress Bar

This document contains code for creating a semicircle progress bar view in Android. It defines a SemiCircleProgressBarView class that extends View and overrides the onDraw method. The class loads a bitmap, defines a clipping path based on the progress, clips the canvas to this path, and draws the bitmap. It also includes layout XML and an Activity to initialize and set the progress of the view.

Uploaded by

Akshay Kumar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 3

import android.app.

Activity;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Path;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.view.View;

public class SemiCircleProgressBarView extends View {

private Path mClippingPath;


private Context mContext;
private Bitmap mBitmap;
private float mPivotX;
private float mPivotY;

public SemiCircleProgressBarView(Context context) {


super(context);
mContext = context;
initilizeImage();
}

public SemiCircleProgressBarView(Context context, AttributeSet attrs) {


super(context, attrs);
mContext = context;
initilizeImage();
}

private void initilizeImage() {


mClippingPath = new Path();

//Top left coordinates of image. Give appropriate values depending on the


position you wnat image to be placed
mPivotX = getScreenGridUnit();
mPivotY = 0;

//Adjust the image size to support different screen sizes


Bitmap bitmap = BitmapFactory.decodeResource(mContext.getResources(),
R.drawable.circle);
int imageWidth = (int) (getScreenGridUnit() * 30);
int imageHeight = (int) (getScreenGridUnit() * 30);
mBitmap = Bitmap.createScaledBitmap(bitmap, imageWidth, imageHeight,
false);
}

public void setClipping(float progress) {

//Convert the progress in range of 0 to 100 to angle in range of 0 180.


Easy math.
float angle = (progress * 180) / 100;
mClippingPath.reset();
//Define a rectangle containing the image
RectF oval = new RectF(mPivotX, mPivotY, mPivotX + mBitmap.getWidth(),
mPivotY + mBitmap.getHeight());
//Move the current position to center of rect
mClippingPath.moveTo(oval.centerX(), oval.centerY());
//Draw an arc from center to given angle
mClippingPath.addArc(oval, 180, angle);
//Draw a line from end of arc to center
mClippingPath.lineTo(oval.centerX(), oval.centerY());
//Redraw the canvas
invalidate();
}

@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);

//Clip the canvas


canvas.clipPath(mClippingPath);
canvas.drawBitmap(mBitmap, mPivotX, mPivotY, null);

private float getScreenGridUnit() {


DisplayMetrics metrics = new DisplayMetrics();

((Activity)mContext).getWindowManager().getDefaultDisplay().getMetrics(metrics);
return metrics.widthPixels / 32;
}

//---------------------------------------------------------------------------------
---------------------------------------

<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"
tools:context=".MainActivity" >

<com.example.progressbardemo.SemiCircleProgressBarView
android:id="@+id/progress"
android:layout_width="match_parent"
android:layout_height="match_parent" />

</RelativeLayout>

//---------------------------------------------------------------------------------
---------------------------------------

public class MainActivity extends Activity {


@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

SemiCircleProgressBarView semiCircleProgressBarView =
(SemiCircleProgressBarView) findViewById(R.id.progress);

//Turn off hardware accleration


semiCircleProgressBarView.setLayerType(View.LAYER_TYPE_SOFTWARE, null);

semiCircleProgressBarView.setClipping(70);
}

//---------------------------------------------------------------------------------
---------------------------------------

You might also like