iOS ecosystem overview (iPhone, iPad, Apple Watch) in iOS Swift - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to create a basic SwiftUI view for iPhone.

iOS Swift

import SwiftUI

struct ContentView: View {
    var body: some View {
        Text([1])
            .padding()
    }
}

Drag options to blanks, or click blank then click option'

AText("Hello, iPhone!")

BHello, iPhone!

C"Hello, iPhone!"

DText

Attempts:

3 left

💡 Hint

Common Mistakes

Forgetting quotes around the string

Passing a Text view inside another Text view

The Text view requires a string literal inside quotes to display text properly.

2fill in blank

medium

Complete the code to detect the device type in SwiftUI.

iOS Swift

import UIKit
import SwiftUI

struct DeviceView: View {
    var body: some View {
        Text("Device: \(UIDevice.current.[1])")
    }
}

Drag options to blanks, or click blank then click option'

Amodel

Bname

CsystemName

DidentifierForVendor

Attempts:

3 left

💡 Hint

Common Mistakes

Using name which returns the device name set by user

Using systemName which returns OS name

UIDevice.current.model returns the device type like "iPhone" or "iPad".

3fill in blank

hard

Fix the error in the code to show a WatchKit interface label.

iOS Swift

import WatchKit
import Foundation

class InterfaceController: WKInterfaceController {
    @IBOutlet var label: WKInterfaceLabel!

    override func awake(withContext context: Any?) {
        super.awake(withContext: context)
        label.[1]("Hello, Apple Watch!")
    }
}

Drag options to blanks, or click blank then click option'

AsetLabel

Btext

CupdateText

DsetText

Attempts:

3 left

💡 Hint

Common Mistakes

Trying to assign text property directly

Using non-existent methods like setLabel or updateText

WKInterfaceLabel uses setText(_:) method to update its text content.

4fill in blank

hard

Fill both blanks to create a SwiftUI view that adapts layout for iPad and iPhone.

iOS Swift

import SwiftUI

struct AdaptiveView: View {
    @Environment(\.horizontalSizeClass) var sizeClass

    var body: some View {
        if sizeClass == [1] {
            Text("iPad Layout")
        } else {
            Text("[2] Layout")
        }
    }
}

Drag options to blanks, or click blank then click option'

A.regular

B.compact

CiPhone

DiPad

Attempts:

3 left

💡 Hint

Common Mistakes

Mixing up .regular and .compact

Using device names instead of size classes

iPads usually have a regular horizontal size class, while iPhones have compact. So we check for .regular and show compact layout otherwise.

5fill in blank

hard

Fill all three blanks to create a SwiftUI view that shows different text for iPhone, iPad, and Apple Watch.

iOS Swift

import UIKit
import SwiftUI

struct DeviceSpecificView: View {
    var device = UIDevice.current.model

    var body: some View {
        switch device {
        case [1]:
            Text("Welcome iPhone user")
        case [2]:
            Text("Welcome iPad user")
        case [3]:
            Text("Welcome Apple Watch user")
        default:
            Text("Welcome user")
        }
    }
}

Drag options to blanks, or click blank then click option'

A"iPhone"

B"iPad"

C"Watch"

D"Apple Watch"

Attempts:

3 left

💡 Hint

Common Mistakes

Using incorrect strings like "Watch" instead of "Apple Watch"

Forgetting quotes around strings

UIDevice.current.model returns "iPhone" or "iPad". Apple Watch is identified as "Apple Watch" string in this context.

Practice

1. Which device is NOT part of the iOS ecosystem?

easy

A. iPad

B. Android Phone

C. Apple Watch

D. iPhone

Solution

1. Step 1: Identify devices in the iOS ecosystem

   The iOS ecosystem includes iPhone, iPad, and Apple Watch devices.

2. Step 2: Compare options with known devices

   Android Phone is not part of Apple's iOS ecosystem; it runs a different operating system.

3. Final Answer:

   Android Phone -> Option B

4. Quick Check:

   iOS devices exclude Android phones [OK]

Hint: Remember Apple devices only include iPhone, iPad, Watch [OK]

Common Mistakes:

• Confusing Android phones as iOS devices
• Thinking iPod Touch is a main iOS device here
• Mixing up Apple Watch with other smartwatches

2. Which Swift code snippet correctly checks if the device is an iPad?

easy

A. if UIDevice.current.userInterfaceIdiom == .pad { /* iPad code */ }

B. if UIDevice.current.deviceType == "iPad" { /* iPad code */ }

C. if UIDevice.isPad { /* iPad code */ }

D. if UIDevice.current.model == "iPad" { /* iPad code */ }

Solution

1. Step 1: Recall correct property for device type

   UIDevice.current.userInterfaceIdiom returns the device type enum, including .pad for iPad.

2. Step 2: Check each option's syntax

   if UIDevice.current.userInterfaceIdiom == .pad { /* iPad code */ } uses the correct property and enum value. Others use incorrect or non-existent properties.

3. Final Answer:

   if UIDevice.current.userInterfaceIdiom == .pad { /* iPad code */ } -> Option A

4. Quick Check:

   Use userInterfaceIdiom == .pad to detect iPad [OK]

Hint: Use userInterfaceIdiom property to detect device type [OK]

Common Mistakes:

• Using non-existent properties like deviceType or isPad
• Comparing model string instead of userInterfaceIdiom
• Forgetting to use enum .pad for iPad

3. What will this Swift code print on an Apple Watch device?

let device = UIDevice.current
switch device.userInterfaceIdiom {
  case .phone: print("iPhone")
  case .pad: print("iPad")
  case .carPlay: print("CarPlay")
  default: print("Other")
}

medium

A. CarPlay

B. iPad

C. iPhone

D. Other

Solution

1. Step 1: Understand userInterfaceIdiom values

   Apple Watch devices have a userInterfaceIdiom value of .watch, which is not explicitly handled in the switch.

2. Step 2: Determine which case matches

   Since .watch is not matched by .phone, .pad, or .carPlay, the default case runs, printing "Other".

3. Final Answer:

   Other -> Option D

4. Quick Check:

   Unmatched idioms print default "Other" [OK]

Hint: Default case catches Apple Watch userInterfaceIdiom [OK]

Common Mistakes:

• Assuming Apple Watch is .phone or .pad
• Missing default case in switch
• Confusing .carPlay with Apple Watch

4. Identify the error in this Swift code intended to detect Apple Watch devices:

if UIDevice.current.userInterfaceIdiom == .watch {
  print("Apple Watch detected")
}

medium

A. The code is correct and will work as expected

B. UIDevice.current is not accessible on Apple Watch

C. The comparison should use a string instead of enum

D. The .watch case does not exist in userInterfaceIdiom enum

Solution

1. Step 1: Verify UIUserInterfaceIdiom enum

   UIUserInterfaceIdiom includes .watch (available since iOS 14.0/watchOS 7.0).

2. Step 2: Confirm UIDevice usage on Apple Watch

   UIDevice.current is accessible in watchOS apps (UIKit supported since watchOS 7), and returns .watch on Apple Watch.

3. Final Answer:

   The code is correct and will work as expected -> Option A

4. Quick Check:

   UIDevice.userInterfaceIdiom == .watch detects Apple Watch [OK]

Hint: Use UIDevice.current.userInterfaceIdiom == .watch for Apple Watch detection [OK]

Common Mistakes:

• Thinking UIDevice.current is unavailable on Apple Watch apps
• Believing .watch does not exist in UIUserInterfaceIdiom
• Assuming string comparison is needed instead of enum

5. You want to create a single SwiftUI app that adapts its layout for iPhone, iPad, and Apple Watch. Which approach is best?

hard

A. Create separate apps for each device and share no code

B. Use only iPhone layout and scale it for other devices

C. Use conditional views with if UIDevice.current.userInterfaceIdiom and WKInterfaceDevice checks

D. Ignore device differences and use fixed sizes for all

Solution

1. Step 1: Understand device-specific UI needs

   iPhone, iPad, and Apple Watch have different screen sizes and interaction models requiring adaptive layouts.

2. Step 2: Choose adaptive coding approach

   Using conditional checks with UIDevice for iPhone/iPad and WKInterfaceDevice for Apple Watch allows customizing views in one app.

3. Step 3: Evaluate other options

   Separate apps increase maintenance; scaling fixed layouts reduces usability; ignoring differences harms UX.

4. Final Answer:

   Use conditional views with if UIDevice.current.userInterfaceIdiom and WKInterfaceDevice checks -> Option C

5. Quick Check:

   Adaptive UI with device checks is best practice [OK]

Hint: Use device checks to adapt UI in one app [OK]

Common Mistakes:

• Building separate apps for each device unnecessarily
• Using fixed layouts that don't fit all screens
• Ignoring Apple Watch's unique interface needs