By Howard Pinsky
Design a fitness project with interactive progress circles using Auto-Animate and learn how to build a component from scratch. Begin by drawing a series of circles and name them Step, Exercise, and Move. You’ll see how to duplicate an object and quickly change its appearance using the Properties Inspector, adjusting settings for Fill Color, Opacity, Gaps, and more. Once you’ve made several circles, you’ll use them to create a component that plays an animation to move the circles around when an arrow is tapped. You’ll also explore adding different states to the component. As you tap on triggers, states display visual indicators to simulate user interactions.
