star | Software Development Notes

Create a star rating SwiftUI component

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

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.

Star with rounded corners in SwiftUI

Dec 12, 2021 · 15 min read · star shape path swiftui ·

Share on:

The Star shape used in the Star cutout has sharp corners. This article shows how to modify the shape to create stars with rounded corners. The radius of the corner can be set as a parameter to specify the rounding of the outer and inner corners of the star.

Create a Star cutout shape in SwiftUI

Dec 5, 2021 · 14 min read · shape star path swiftui ·

Share on:

Path can be used in SwiftUI to create practically any shape. I found creating a cutout shape difficult until I found that FillStyle can be used with the even-odd rule. This article shows how to create a shape outline where the outside can be colored and the center kept transparent to allow other content to show …