Software Development Notes

Animate a background with TimelineView in SwiftUI

Jan 30, 2022 · 7 min read · timelineview canvas path swiftui ·

TimelineView was introduced in iOS 15 to control how to change a view over time. This can be used to animate the background on a Canvas in a SwiftUI.

TimelineView to rotate shapes on a canvas

Jan 23, 2022 · 7 min read · timelineview canvas path swiftui ·

Share on:

TimelineView to rotate shapes on a canvas

TimelineView, introduced in iOS 15, can be used to change objects on a canvas over time. The article takes the star shape defined previously and animates rotating the star shape on the canvas in a SwiftUI view.

TimelineView to move a shape on a canvas

Jan 16, 2022 · 8 min read · timelineview canvas path swiftui ·

Share on:

TimelineView to move a shape on a canvas

TimelineView was introduced in iOS 15 to control how a view can change over time. This article takes the heart shape defined previously and animates by changing the path on the canvas in a SwiftUI view.

Using canvas in SwiftUI

Jan 9, 2022 · 9 min read · canvas path swiftui ·

Share on:

The canvas view provides a mechanism to draw in SwiftUI. The canvas takes GraphicsContext and size as parameters to allow immediate mode drawing within the containing frame. Here we draw system shapes as well as freeform shapes using path structure.

Create a star rating SwiftUI component

Jan 2, 2022 · 9 min read · star shape path swiftui ·

Share on:

Create an interactive star rating SwiftUI component. This article will use the star cutout shape with rounded corners as well as elements of the custom slider to create a star rating component in SwiftUI.

How to customise the Slider in SwiftUI

Dec 26, 2021 · 10 min read · Slider swiftui ·

Share on:

There is limited ability to customise the Slider in SwiftUI as of Xcode 13. These are three options of presenting a custom view of the Slider in a SwiftUI App. Set the tint color and background color of the slider; fall back to using the UISliderView from UIKit or create a custom SliderView from scratch in SwiftUI.