Added any layout showdown and app icon

iOS16-SwiftUI-Showdown.xcodeproj/project.pbxproj

@@ -22,6 +22,7 @@
 		A0EE252228C49F3F00DA5698 /* TextFieldScreen.swift in Sources */ = {isa = PBXBuildFile; fileRef = A0EE252128C49F3F00DA5698 /* TextFieldScreen.swift */; };
 		A0EE252428C4E78600DA5698 /* GridScreen.swift in Sources */ = {isa = PBXBuildFile; fileRef = A0EE252328C4E78600DA5698 /* GridScreen.swift */; };
 		A0EE252628C4F07800DA5698 /* ViewThatFitsScreen.swift in Sources */ = {isa = PBXBuildFile; fileRef = A0EE252528C4F07800DA5698 /* ViewThatFitsScreen.swift */; };
+		A0EE252828C4F3D700DA5698 /* LayoutScreen.swift in Sources */ = {isa = PBXBuildFile; fileRef = A0EE252728C4F3D700DA5698 /* LayoutScreen.swift */; };
 		A0FAA4A128BB4B7900F2C87E /* JSONDecoder+Singleton.swift in Sources */ = {isa = PBXBuildFile; fileRef = A0FAA4A028BB4B7900F2C87E /* JSONDecoder+Singleton.swift */; };
 /* End PBXBuildFile section */
 
@@ -43,6 +44,7 @@
 		A0EE252128C49F3F00DA5698 /* TextFieldScreen.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TextFieldScreen.swift; sourceTree = "<group>"; };
 		A0EE252328C4E78600DA5698 /* GridScreen.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = GridScreen.swift; sourceTree = "<group>"; };
 		A0EE252528C4F07800DA5698 /* ViewThatFitsScreen.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ViewThatFitsScreen.swift; sourceTree = "<group>"; };
+		A0EE252728C4F3D700DA5698 /* LayoutScreen.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = LayoutScreen.swift; sourceTree = "<group>"; };
 		A0FAA49F28BB43FE00F2C87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist; path = Info.plist; sourceTree = "<group>"; };
 		A0FAA4A028BB4B7900F2C87E /* JSONDecoder+Singleton.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "JSONDecoder+Singleton.swift"; sourceTree = "<group>"; };
 /* End PBXFileReference section */
@@ -126,6 +128,7 @@
 				A0EE252128C49F3F00DA5698 /* TextFieldScreen.swift */,
 				A0EE252328C4E78600DA5698 /* GridScreen.swift */,
 				A0EE252528C4F07800DA5698 /* ViewThatFitsScreen.swift */,
+				A0EE252728C4F3D700DA5698 /* LayoutScreen.swift */,
 			);
 			path = Screens;
 			sourceTree = "<group>";
@@ -244,6 +247,7 @@
 				A072717828BA4B1300D354DC /* ContentView.swift in Sources */,
 				A072718A28BA8CAA00D354DC /* GaugeScreen.swift in Sources */,
 				A0C81B6228C07D8700F46E1D /* FeatureType.swift in Sources */,
+				A0EE252828C4F3D700DA5698 /* LayoutScreen.swift in Sources */,
 				A072717628BA4B1300D354DC /* iOS16_SwiftUI_ShowdownApp.swift in Sources */,
 				A0EE252628C4F07800DA5698 /* ViewThatFitsScreen.swift in Sources */,
 			);

iOS16-SwiftUI-Showdown/Assets.xcassets/AppIcon.appiconset/Contents.json

@@ -1,56 +1,169 @@
 {
   "images" : [
     {
-      "idiom" : "universal",
-      "platform" : "ios",
+      "filename" : "notification40.png",
+      "idiom" : "iphone",
+      "scale" : "2x",
+      "size" : "20x20"
+    },
+    {
+      "filename" : "notification60.png",
+      "idiom" : "iphone",
+      "scale" : "3x",
+      "size" : "20x20"
+    },
+    {
+      "filename" : "settings58.png",
+      "idiom" : "iphone",
+      "scale" : "2x",
+      "size" : "29x29"
+    },
+    {
+      "filename" : "settings87.png",
+      "idiom" : "iphone",
+      "scale" : "3x",
+      "size" : "29x29"
+    },
+    {
+      "filename" : "spotlight80.png",
+      "idiom" : "iphone",
+      "scale" : "2x",
+      "size" : "40x40"
+    },
+    {
+      "filename" : "spotlight120.png",
+      "idiom" : "iphone",
+      "scale" : "3x",
+      "size" : "40x40"
+    },
+    {
+      "filename" : "iphone120.png",
+      "idiom" : "iphone",
+      "scale" : "2x",
+      "size" : "60x60"
+    },
+    {
+      "filename" : "iphone180.png",
+      "idiom" : "iphone",
+      "scale" : "3x",
+      "size" : "60x60"
+    },
+    {
+      "filename" : "ipadNotification20.png",
+      "idiom" : "ipad",
+      "scale" : "1x",
+      "size" : "20x20"
+    },
+    {
+      "filename" : "ipadNotification40.png",
+      "idiom" : "ipad",
+      "scale" : "2x",
+      "size" : "20x20"
+    },
+    {
+      "filename" : "ipadSettings29.png",
+      "idiom" : "ipad",
+      "scale" : "1x",
+      "size" : "29x29"
+    },
+    {
+      "filename" : "ipadSettings58.png",
+      "idiom" : "ipad",
+      "scale" : "2x",
+      "size" : "29x29"
+    },
+    {
+      "filename" : "ipadSpotlight40.png",
+      "idiom" : "ipad",
+      "scale" : "1x",
+      "size" : "40x40"
+    },
+    {
+      "filename" : "ipadSpotlight80.png",
+      "idiom" : "ipad",
+      "scale" : "2x",
+      "size" : "40x40"
+    },
+    {
+      "filename" : "ipad76.png",
+      "idiom" : "ipad",
+      "scale" : "1x",
+      "size" : "76x76"
+    },
+    {
+      "filename" : "ipad152.png",
+      "idiom" : "ipad",
+      "scale" : "2x",
+      "size" : "76x76"
+    },
+    {
+      "filename" : "ipadPro167.png",
+      "idiom" : "ipad",
+      "scale" : "2x",
+      "size" : "83.5x83.5"
+    },
+    {
+      "filename" : "appstore1024.png",
+      "idiom" : "ios-marketing",
+      "scale" : "1x",
       "size" : "1024x1024"
     },
     {
+      "filename" : "mac16.png",
       "idiom" : "mac",
       "scale" : "1x",
       "size" : "16x16"
     },
     {
+      "filename" : "mac32.png",
       "idiom" : "mac",
       "scale" : "2x",
       "size" : "16x16"
     },
     {
+      "filename" : "mac32.png",
       "idiom" : "mac",
       "scale" : "1x",
       "size" : "32x32"
     },
     {
+      "filename" : "mac64.png",
       "idiom" : "mac",
       "scale" : "2x",
       "size" : "32x32"
     },
     {
+      "filename" : "mac128.png",
       "idiom" : "mac",
       "scale" : "1x",
       "size" : "128x128"
     },
     {
+      "filename" : "mac256.png",
       "idiom" : "mac",
       "scale" : "2x",
       "size" : "128x128"
     },
     {
+      "filename" : "mac256.png",
       "idiom" : "mac",
       "scale" : "1x",
       "size" : "256x256"
     },
     {
+      "filename" : "mac512.png",
       "idiom" : "mac",
       "scale" : "2x",
       "size" : "256x256"
     },
     {
+      "filename" : "mac512.png",
       "idiom" : "mac",
       "scale" : "1x",
       "size" : "512x512"
     },
     {
+      "filename" : "mac1024.png",
       "idiom" : "mac",
       "scale" : "2x",
       "size" : "512x512"

iOS16-SwiftUI-Showdown/Assets.xcassets/apple1.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "filename" : "laurenz-heymann-wAygsCk20h8-unsplash.jpg",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

iOS16-SwiftUI-Showdown/Assets.xcassets/apple2.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "filename" : "priscilla-du-preez-CoqJGsFVJtM-unsplash.jpg",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

iOS16-SwiftUI-Showdown/ContentView.swift

@@ -35,6 +35,8 @@ struct ContentView: View {
                             GridScreen(feature: feature)
                         case .viewThatFits:
                            ViewThatFitsScreen(feature: feature)
+                        case .layout:
+                            LayoutScreen(feature: feature)
                         }
                     }
                     .navigationTitle("iOS16 Features 🚀")

iOS16-SwiftUI-Showdown/ContentViewModel.swift

@@ -37,7 +37,10 @@ The Grid view, however, makes it a lot easier.
                 type: .grid),
         Feature(title: "View That Fits 🍕",
                 description: "It's a layout feature that gives you an ability to analyse the space and present best view layout for it",
-                type: .viewThatFits)
+                type: .viewThatFits),
+        Feature(title: "AnyLayout and Layout Protocol 🛌",
+                description: "The new version of SwiftUI provides AnyLayout and the Layout protocol for developers to create customized and complex layouts.",
+                type: .layout)
 
     ]
 

iOS16-SwiftUI-Showdown/Models/FeatureType.swift

@@ -15,4 +15,5 @@ enum FeatureType: String, Decodable {
     case textField
     case grid
     case viewThatFits
+    case layout
 }

iOS16-SwiftUI-Showdown/Screens/LayoutScreen.swift

@@ -0,0 +1,77 @@
+//
+//  LayoutScreen.swift
+//  iOS16-SwiftUI-Showdown
+//
+//  Created by Łukasz Stachnik on 04/09/2022.
+//
+
+import SwiftUI
+
+struct LayoutScreen: View {
+    var feature: Feature
+    @State private var changeLayout = false
+
+    var body: some View {
+        let layout = changeLayout ? AnyLayout(HStackLayout()) : AnyLayout(VStackLayout())
+        // there is an error in official apple documentation about definining this as of 04 September 2022
+        let layout2 = changeLayout ? AnyLayout(HStackLayout()) : AnyLayout(GridLayout())
+
+        ScrollView {
+            VStack {
+                layout {
+                    Image("apple2")
+                        .resizable()
+                        .scaledToFill()
+                        .frame(maxWidth: 300, maxHeight: 200)
+                        .clipped()
+
+                    Image("apple1")
+                        .resizable()
+                        .scaledToFill()
+                        .frame(maxWidth: 300, maxHeight: 200)
+                        .clipped()
+                }
+                .animation(.default, value: changeLayout)
+                .onTapGesture {
+                    changeLayout.toggle()
+                }
+
+                layout2 {
+                    Image("apple2")
+                        .resizable()
+                        .scaledToFill()
+                        .frame(maxWidth: 300, maxHeight: 200)
+                        .clipped()
+
+                    Image("apple1")
+                        .resizable()
+                        .scaledToFill()
+                        .frame(maxWidth: 300, maxHeight: 200)
+                        .clipped()
+
+                    Image("apple1")
+                        .resizable()
+                        .scaledToFill()
+                        .frame(maxWidth: 300, maxHeight: 200)
+                        .clipped()
+
+                    Image("apple2")
+                        .resizable()
+                        .scaledToFill()
+                        .frame(maxWidth: 300, maxHeight: 200)
+                        .clipped()
+                }
+                .animation(.default, value: changeLayout)
+                .onTapGesture {
+                    changeLayout.toggle()
+                }
+            }
+        }
+    }
+}
+
+struct LayoutScreen_Previews: PreviewProvider {
+    static var previews: some View {
+        LayoutScreen(feature: Feature(title: "Layouts", description: "Custom Layouts implementation", type: .layout))
+    }
+}

iOS16-SwiftUI-Showdown/Screens/ViewThatFitsScreen.swift

@@ -12,8 +12,11 @@ struct ViewThatFitsScreen: View {
     @State var height: Double = 500
 
     var body: some View {
-
         VStack {
+            Text(feature.description)
+                .font(.footnote)
+                .padding()
+
             Image("pizza")
                 .resizable()
                 .scaledToFill()
@@ -30,6 +33,9 @@ struct ViewThatFitsScreen: View {
                     }
                 }
 
+            Text("Photo by Shourav Sheikh from Unslpash")
+                .font(.footnote)
+
             ViewThatFits {
                 VStack {
                     Button(action: {}) {
@@ -72,6 +78,7 @@ struct ViewThatFitsScreen: View {
                 .frame(maxHeight: 100)
             }
         }
+        .navigationTitle(feature.title)
     }
 }