Design improvements based on provided mockup: 1. Color Updates: - Idle state: Blue (#2196F3) - matches mockup's blue recording button - Recording state: Red (#FF5252) - matches mockup's red stop button - Disabled state: Light grey (#9E9E9E) for better visibility - Processing state: Semi-transparent versions of respective colors 2. Shape Changes: - Idle state: Circle (for recording button) - Recording state: Rounded rectangle (12px radius) for stop button - Smooth transitions between shapes using BoxShape 3. Icon Improvements: - Use rounded icons (mic_rounded, stop_rounded) for modern look - Adjust icon sizes: recording (40% of button), stop (35% of button) - Better proportions matching the design intent 4. Shadow Enhancements: - Increased blur radius for idle state (8→12px) for better depth - Dynamic shadow based on button state - Enhanced spread radius for better visual impact 5. Interactive Elements: - InkWell borderRadius adapts to button shape - Smooth transitions between circular and rectangular ripple effects These changes create a modern, professional appearance that matches common design patterns and provides clear visual feedback for different states. |
||
|---|---|---|
| .. | ||
| src | ||
| yx_asr.dart | ||