CS193p Notes - Lecture 7: Multithreading EmojiArt

Colors and Images

• UIColor allows manipulating colors
• Image is a View that takes name (String) of the image in Assets.xcassets folder
  • Image(uiImage: self.document.backgoundImage) and backgroundImage: UIImage?
• It's also possible to get system images
  • See the different system images by downloading an app from here https://developer.apple.com/design/

Multithreaded Programming (6:15)

• UI code is using main queue
• Grand Central Dispatch (GCD) is where queue stuff is called
  • Two fundamental tasks:
    1. getting access to a queue
    2. plopping a block of code on a queue
  • DispatchQueue.main is the queue where all UI code must be posted
  • DispatchQueue.global(qos: QoS) a non-UI queue with a certain quality of service
    • qos is one of the following
      • .userInterface do this fast because UI depends on it
      • .userInitiated the user just asked to do this, so do it now
      • .utility needs to happen but user didn't asked for it
      • .background maintenance tasks (cleanups, etc.)

let queue = DispatchQueue.main or Dispatch.global(gos: )
queue.async { }

• Dispatch.global(gos: ) not used very much because there are higher level APIs for specific use cases(e.g. URLSession)

EmojiArt Demo (20:38)

View

import SwiftUI

struct EmojiArtDocumentView: View {
  @ObservedObject var document: EmojiArtDocument

  var body: some View { }
}

ModelView

import SwiftUI

class EmojiArtDocument: ObservableObject {

}

• When looping through strings, it doesn't make sense to make all strings in the app identifiable but just those. There is parameter id in ForEach that can be set to \.self to use string's own value as identifier.

struct EmojiArt {
  var backgroundURL: URL?
  var emojis: [Emoji]()

  struct Emoji: Identifiable {
    let text: String
    var x: Int
    var y: Int
    var size: Int
    let id: Int

    fileprivate init(text: String, x: Int, y: Int, size: Int, id: Int) {
      self.text = text
      self.x = x
      self.y = y
      self.size = size
      self.id = id
    }
  }

  private var uniqueEmojiId = 0

  mutating func addEmoji(_ text: String, x: Int, y: Int, size: Int) {
    uniqueEmojiId += 1
    emojis.append(Emoij(text: text, x: x, y: y, size: size, id: uniqueEmojiId))
  }
} 

• privatefile makes init only accessible from that file and that way other files can't create emojis
  • In this case we wanted to do this because there is unique way to create id for each emoji and we don't want any other file to create emojis with it's own id system
• Model should be private in ViewModel because it's job is to offer intent(s) which View will use to access Model

@RealLankinen

• Notes 1
• Notes 2
• Notes 3
• Notes 4
• Notes 5
• Notes 6
• Notes 7
• Notes 8
• Notes 9
• Notes 10
• Notes 11
• Notes 12
• Notes 13
• Notes 14

Originally published here