Circular progress View button inspired by FFCircularProgressView
Java
Switch branches/tags
Nothing to show
Clone or download
SinghRahul
SinghRahul Update README.md
Latest commit d51fae6 Sep 11, 2013

README.md

TH-ProgressButton

Circular progress View button inspired by FFCircularProgressView

alt text

alt text

alt text

alt text

alt text

##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.

  3. ##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>
    
  4. ##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;
     		}	
     	}
     });
    

    }

  5. ##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]);
    
     }
    
  6. ##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.