Onboarding: show the app icon with iOS rounded corners
The welcome page's green-gradient circle + SF symbol is replaced by the app icon itself (AppIconArtwork imageset mirroring AppIcon.png), clipped to the standard iOS rounded-rect corner radius (21pt at 96pt — ~22%), so onboarding matches the Home Screen icon.
This commit is contained in:
Binary file not shown.
|
After Width: | Height: | Size: 991 KiB |
@@ -0,0 +1,13 @@
|
|||||||
|
{
|
||||||
|
"images" : [
|
||||||
|
{
|
||||||
|
"filename" : "AppIconArtwork.png",
|
||||||
|
"idiom" : "universal",
|
||||||
|
"scale" : "1x"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"info" : {
|
||||||
|
"author" : "xcode",
|
||||||
|
"version" : 1
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -96,12 +96,14 @@ struct OnboardingView: View {
|
|||||||
VStack(spacing: 0) {
|
VStack(spacing: 0) {
|
||||||
Spacer()
|
Spacer()
|
||||||
ZStack {
|
ZStack {
|
||||||
Circle()
|
// The app icon itself, with the standard iOS rounded-corner
|
||||||
.fill(LinearGradient(colors: [.green, .blue], startPoint: .topLeading, endPoint: .bottomTrailing))
|
// treatment (~22% of the size), so onboarding matches the
|
||||||
|
// Home Screen.
|
||||||
|
Image("AppIconArtwork")
|
||||||
|
.resizable()
|
||||||
|
.scaledToFill()
|
||||||
.frame(width: 96, height: 96)
|
.frame(width: 96, height: 96)
|
||||||
Image(systemName: "fuelpump.fill")
|
.clipShape(RoundedRectangle(cornerRadius: 21, style: .continuous))
|
||||||
.font(.system(size: 44, weight: .bold))
|
|
||||||
.foregroundStyle(.white)
|
|
||||||
}
|
}
|
||||||
.padding(.bottom, 28)
|
.padding(.bottom, 28)
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user