dmytrodanylyk/circular-progress-button
5,749 stele·1,168 fork-uri·Java·MIT·1 vizualizaredmytrodanylyk.com/pages/portfolio/circular-progress-button.html↗
Circular Progress Button
This is an Android button widget that morphs into a circular progress indicator during asynchronous operations. The core identity of the project is a custom UI component that transforms a standard button into a loading spinner, then reverts it upon task completion.
The implementation uses canvas-based morphing animation to transition between button and circular progress shapes, with property animation interpolation controlling the transformation over time. A state-driven view hierarchy switches between button and progress indicator layouts based on a finite state machine, while layer-based compositing separates the button background, progress arc, and icon into distinct drawable layers for independent animation control. The asynchronous task lifecycle binding hooks the progress animation start and completion to the lifecycle of a background thread.
The project provides a single primary capability: morphing a button into a progress indicator during an ongoing operation. The documentation covers the custom view drawing override and the overall animation system.
Features
- Morphing Progress Buttons - Transforms a standard button into a circular loading spinner that shows an ongoing operation's progress.
- Async Task Lifecycle Bindings - Hooks progress animation start and completion to the lifecycle of background threads or AsyncTasks.
- Android Property Animators - Uses Android's ValueAnimator and ObjectAnimator to drive smooth, configurable property transitions on views.
- Morphing Shape Animations - Animates the transition between button and circular progress shapes by drawing directly on a hardware-accelerated canvas.
- Custom View Rendering - Overrides standard Android view measurement and drawing methods to implement custom rendering logic.
- Circular Progress Indicators - Transforms a standard button into a circular progress animation while an asynchronous task runs, then reverts it upon completion.
- UI Component Layer Compositing - Separates the button background, progress arc, and icon into distinct drawable layers for independent animation control.
- View Hierarchy State Machines - Switches between button and progress indicator layouts based on a finite state machine controlling visibility and animation.
- Buttons and Inputs - Button with integrated progress indicator.
- Progress Indicators - Button that transitions into a circular progress indicator.
