Circular progress View button inspired by FFCircularProgressView

How to use:

1. Deployment target should be Api level 13 or above.

2. Add com.thbs.progressbutton.MasterLayout.java and com.thbs.progressbutton.CusImage.java to your project.

1. Layout:

    <com.thbs.progressbutton.MasterLayout
        android:id="@+id/MasterLayout01"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:clickable="true" >
    </com.thbs.progressbutton.MasterLayout>
   

1. Activity

    static MasterLayout masterLayout;   //Should be static
   
    @Override
    protected void onCreate(Bundle savedInstanceState) {
   
        masterLayout = (MasterLayout) findViewById(R.id.MasterLayout01);
   
        //Onclick listener of the progress button
        masterLayout.setOnClickListener(new OnClickListener() {
   
        @Override
        public void onClick(View v) {
            // TODO Auto-generated method stub
   
            masterLayout.animation();   //Need to call this method for animation and progression
   
            switch (masterLayout.flg_frmwrk_mode) {
   
            case 1:
                    //Start state. Call your method
                    break;
            case 2:
   
                    //Running state. Call your method
                    break;
   
            case 3:
   
                    //End state. Call your method
                    break;
            }    
        }
    });
   

   }

1. Updating the progress

Send the progress to MasterLayout's "cusview.setupprogress()" method from AsyncTask's "onProgressUpdate()".

     @Override
     protected void onProgressUpdate(Integer... progress) 
     {

        //publishing progress to progress arc
        masterLayout.cusview.setupprogress(progress[0]);

     }

1. Customization

   • Basic customization can be done in "com.thbs.progressbutton.MasterLayout.java".

     Circle related customization:

           stroke_color.setColor(Color.rgb(0, 161, 234));  // Edit this to change the circle color
     
           fill_color.setColor(Color.rgb(0, 161, 234));   // Edit this to change the circle fill color
     

    Icon related customization:

            icon_color.setStyle(Paint.Style.FILL_AND_STROKE);  // Edit this to change the icon color


            final_icon_color.setColor(Color.WHITE);   // Edit this to change the final icon color



Create new icons using path or use the existing icons in method "iconCreate()"



- Progress arc color can be changed from "com.thbs.progressbutton.CusImage.java" using:



    myPaint.setColor(Color.rgb(0, 161, 234));    

Are you using this framework?

• If you are using this framework please feel free to add your app to the wiki.

Demo

Please download and run the project to view demo.

License

ProgressButton is licensed under the terms of the MIT License. Please see the License file for full details.