In this lab, students will explore various SwiftUI concepts, including views and modifiers, styles and animations, scrollviews, creating custom views, and reacting to device appearance theme changes. They will learn how to design dynamic and visually appealing user interfaces in their iOS apps.
Instructions:
Create a new Swift playground or Xcode project to complete the lab tasks.
Follow the step-by-step instructions for each task below.
Write your code in a clear and organized manner, following best practices.
Requirements:
Xcode (latest version)
Basic knowledge of Swift syntax and variables
Tasks:
Task 1: Understanding Views and Modifiers
Create a SwiftUI View with multiple text and image views using the Text and Image views.
Apply various modifiers such as font, color, padding, and alignment to customize the views.
Task 2: Applying Styles and Animations
Implement animation to create a fade-in effect for the views using the .opacity modifier.
Apply custom styles to the buttons, texts, or images to enhance the user interface.
Task 3: Working with ScrollViews
Create a ScrollView to display a list of items or content that can be scrolled.
Experiment with different scroll view styles and observe the scrolling behavior.
Task 4: Creating Custom Views
Design a custom SwiftUI View with a unique layout and functionality.
Utilize combinations of existing SwiftUI views and modifiers to create the custom view.
Task 5: Reacting to Device Appearance Theme
Use the .preferredColorScheme modifier to adjust the app's appearance based on device theme.
Implement dark mode support for the app to adapt to the user's preference.
Submission Guidelines:
Create new repository name it as "iOS-Developemnt-Bootcamp-July-2023-Week-2-Day-2-Lab".
Upload your project files to the repo you just created.
Submit your project repo link as comment down below.
Grading Criteria:
Your lab assignment will be graded based on the following criteria:
Correctness and completion of tasks (50%)
Code quality, readability, and adherence to best practices (30%)
Creativity and utilization of SwiftUI features (20%)
Additional Notes:
You may ask the lab instructor for assistance during lab hours.
Avoid plagiarism; write the code yourself.
Late submissions will not be accepted without prior approval.
Deadline:
Submit your completed lab assignment prior start of next session.
Objective:
In this lab, students will explore various SwiftUI concepts, including views and modifiers, styles and animations, scrollviews, creating custom views, and reacting to device appearance theme changes. They will learn how to design dynamic and visually appealing user interfaces in their iOS apps.
Instructions:
Requirements:
Tasks:
Task 1: Understanding Views and Modifiers
Text
andImage
views.Task 2: Applying Styles and Animations
.opacity
modifier.Task 3: Working with ScrollViews
ScrollView
to display a list of items or content that can be scrolled.Task 4: Creating Custom Views
Task 5: Reacting to Device Appearance Theme
.preferredColorScheme
modifier to adjust the app's appearance based on device theme.Submission Guidelines:
Grading Criteria:
Your lab assignment will be graded based on the following criteria:
Additional Notes:
Deadline:
Submit your completed lab assignment prior start of next session.