Skip to content

Circular progress View button inspired by FFCircularProgressView

License

Notifications You must be signed in to change notification settings

SinghRahul/TH-ProgressButton

 
 

Repository files navigation

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.example.tempo.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.example.tempo.MasterLayout>
    
  4. ##Activity

     static MasterLayout fl;   //Should be static
     
     @Override
     protected void onCreate(Bundle savedInstanceState) {
         
         fl1 = (MasterLayout) findViewById(R.id.MasterLayout01);
         
         //Onclick listener of the progress button
         fl1.setOnClickListener(new OnClickListener() {
     	
     	@Override
     	public void onClick(View v) {
     		// TODO Auto-generated method stub
    
     		fl1.animation();   //Need to call this method for animation and progression
             
     		switch (fl1.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. ##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));

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

About

Circular progress View button inspired by FFCircularProgressView

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Java 100.0%