Awesome

android-square-progressbar

First things first

My post about the update 1.3.0 : http://www.signer.pro/android-square-progressbar-v-1-3-0/

My post about the update 1.2.0 : http://www.signer.pro/android-square-progressbar-v-1-2-0/

My post about the update 1.1.0 : http://www.signer.pro/android-square-progressbar-v-1-1-0/

My post about the initial version 1.0 : http://www.signer.pro/android-square-progressbar/

Example application: https://play.google.com/store/apps/details?id=net.yscs.android.square_progressbar_example

General idea

Sometimes you dont have enough space in your layout to display a progressBar. So this library gives you a new approach. You can simply display a progressbar in a colour/color you want around an image.

This library is in an early state, but with your feedback it only can get better. So feel free to submit new feature request and report bugs.

Examples

Here are some examples how these progressBars could look like:

How to use it?

After you included the library as a library project to your project, add the following xml code to your layout:

<net.yscs.android.square_progressbar.SquareProgressBar
    android:id="@+id/subi"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true"
    android:paddingTop="20dp" >
</net.yscs.android.square_progressbar.SquareProgressBar>

Then you use the following code to set some inital settings:

SquareProgressBar squareProgressBar = (SquareProgressBar) findViewById(R.id.subi);
squareProgressBar.setImage(R.drawable.city);
squareProgressBar.setColor("#C9C9C9");
squareProgressBar.setProgress(32);
squareProgressBar.setWidth(8);
squareProgressBar.setOpacity(false);

Sadly you need to set the opacity from the start. This will be fixed with the version 1.3.0.

Colour / Color

(http://en.wikipedia.org/wiki/American_and_British_English_spelling_differences#-our.2C_-or)

There are 3 possibilities to set the colour of the progressbar:

squareProgressBar.setColor("#C9C9C9");

squareProgressBar.setColorRGB(112, 13, 119);

squareProgressBar.setHoloColor(color.holo_blue_dark);