evrimulgen/th-progressbutton

Circular progress View button inspired by FFCircularProgressView

TH-ProgressButton

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.

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.