Chipotle Submit Button - WPF UI COMPONENT WORKSHOP
Learn how to re-create the Chipotle hold-to-submit button in WPF. Additional concepts covered include converters, animations, routed events, and dependency properties. This UI component workshop was definitely a challenge, but it'll all be worth it when Chipotle sends me free burritos.
Leave a comment below if you'd like to see other custom UI components featured in this series.
In this series, I create advanced, custom WPF UI components. Not only are these components useful for applications, but they also demonstrate how to apply various fundamental WPF concepts. The skills and concepts covered in this tutorial will certainly help you overcome most WPF UI challenges!
TIMESTAMPS:
0:00 - Introduction
0:43 - Project Setup
1:39 - Control Setup
3:05 - Button Holding Logic
8:30 - Button UI Setup
10:23 - Custom Converters
12:37 - Animating the Brown Growth
14:13 - Custom Routed Events
16:32 - Issue with Control Template Triggers
17:52 - Animating the Brown Shrink
20:58 - Animating the Yellow Growth
22:58 - Timing Button Submission
24:02 - Acceleration Animations
24:52 - Hold Duration Dependency Property
28:30 - Validating Dependency Properties
29:47 - Conclusion
CUSTOM CONTROLS SERIES: • WPF Custom Controls
FULL PLAYLIST: • WPF UI Component Workshops
SOURCE CODE: https://github.com/SingletonSean/wpf-...
OTHER LINKS:
Become a Member: / @singletonsean
Donations: https://www.paypal.com/biz/fund?id=UB...