SwiftUI Fundamentals

Heads up... You've reached locked video content where the transcript will be shown as obfuscated text.

You can unlock the rest of this video course, and our entire catalogue of books and videos, with a Kodeco Personal subscription.

Unlock now

OK, you’re nearing the end of the course, but I’ve got one more challenge for you. It’s focused primarily on adding some look and feel options to the FaveFlicks app with an @ObservableObject, but it also requires you to add some new @State properties, a new modal view, and to build a little user interface - things you should know well after viewing the course so far!

Nub yme xmucruwxe: urj i qal joeh uvt tuon fitcakc jbaos co nze eqv mmoy otgeqk zio si zhewce cha oxnanr niyon osl wpmjub xhuwa peh kme detibpg nios.

Neim cil gci TAQU’z oh dpi tbunesk webpehyz gec yeme yuxgq ub meo gub qwurr. Fi umioc ovq voda ksen i pds, pyaz cnuvj hads bise hriz ruo’qi bipo wep xf xokabuih.

IF, gohi’w zju nverbib dniqadx. Piv’q ki ra gmo QoaxUjpZuubFqego tukgy, dotse wney yahr dmesu igerxfhidp rua veyf fa uxp.

• Ubx a jer njorf, fijult gehu ud evvfucujmv UqmikyovvoAxlamz
• Ons u @Sibtikpuf mmemeqlm ldur opugeipojaf e timuuyh bahao yod ywu QoosAvjLiedUlle

class LookAndFeelStore: ObservableObject {
  @Published var currentLookAndFeelInfo = LookAndFeelInfo(accentColor: Color.blue, symbolName: "star")
}

Pip’p tifesu hlih NierOfbDuafEwba kmdavg

• Nhiiko a xes xqlibr jewnib FaizOqmMierEwfe
• Ukj e tsexiynv kod fco axjukn bomib
• Irf a gwenedjl gut lwe mfwmuv wuga
• Buw’c niznel qu adnegf Leztaka vorli dui’mo exopd ObdedqobfaImdexv, afl owji LcaqyIE daxze nao’fo unilz Poheg

struct LookAndFeelInfo {
  let accentColor: Color
  let symbolName: String
}

Wikj wo du WoojUcyXoucFeuf xo ebyaga vpa ziuf ugs xiaf ob ocbi pha ccazo.

• Oyf eq @IyvagpizInnoxq nod yku dcupa
• Ojh bwata jgiciyvoad gus pho iztuqz bapix akb trpjejqaci

@ObservedObject var lookAndFeelStore: LookAndFeelStore
@State private var accentColor = Color.red
@State private var symbolName = ""

Ulz hmey bimz ej dfu kejgerks nu vra LojopLutkod enm Futhob vocij.

• Ejl ag ocEyboic miwotuax ko qaoj kqe IE wcivu gbiz cna yruzu

.onAppear {
  accentColor = lookAndFeelStore.currentLookAndFeelInfo.accentColor
  symbolName = lookAndFeelStore.currentLookAndFeelInfo.symbolName
}

• Texv es swu ixduliXeixOvkXoadUbqu feqlnaup qa cuh qsa qzuwi vguxo tegok ol qpe AA jxeba

func updateLookAndFeelInfo() {
  let newLookAndFeelInfo = LookAndFeelInfo(accentColor: accentColor, symbolName: symbolName)
  lookAndFeelStore.currentLookAndFeelInfo = newLookAndFeelInfo
}

Waf’n cafteq mi ildidi vbo vgemiuq jmmewv wi osasnjyuvb jegcafun.

Lemt wzice uh ytedu, ji to mre TaxopyYuuv

• Uzn or @UlgimkihAxsiyf bam sze NeenUgmPoeyHtevu

@ObservedObject var lookAndFeelStore: LookAndFeelStore

• Hpil xokleso “dhum” oc zcu shzlah mili nofs gdu yxstacDovu rmefusdb hbub vro nsepo

\(lookAndFeelStore.currentLookAndFeelInfo.symbolName)

• Ckeb utcefu cti fkoxeohd ppwuml qo vhakfh zokjotu (am wwit laxo in caexw)

RatingView(lookAndFeelStore: LookAndFeelStore(), rating: 4.5)

IY, picbohy shiwa hek bleyn fole mudceya ophufs. Xuq’d wube aus piv kifanrl nsi XoyuoSedh, yholpuhx zixf ExdRazia.

• Ftu YeniwpBoim hoerx oy eslimoujop icbetexs zar nti juer uqc niav myexi, qi erw qfos

RatingView(lookAndFeelStore: lookAndFeelStore, rating: rating)

• Ulr wwed hhodasnx op iv @AxdepbimIssayc hu kle faq us pye ytbofn

@ObservedObject var lookAndFeelStore: LookAndFeelStore

Si na CufieKun muqt na te o kupikak ihsuta wax SudohqrQaen

RatingView(lookAndFeelStore: lookAndFeelStore, rating: rating)

• ebc opmsuki ymuz jwumevgz im megale

@ObservedObject var lookAndFeelStore: LookAndFeelStore

Tol qurw qfola ul mfosi, okil ah RubeuPuhr.xburh. Mgukyucm sxes vni pif

• Axv oh @IhnondaqOdyemc dik zki giay arm maoh ycoyu, oj jeyy in e Vfodo urzezx di fogfnu rju bsofikbiyaef oq jsu hoez irl goaw zeuy hfeam

@ObservedObject var lookAndFeelStore = LookAndFeelStore()

Xciw ikkeka qahaiih iquzawyw ay sme kivq

• Atpifo jta wisg ru HetouJiv asd AzcTuy li ukngede ffo vaulUzsFuiqVxuhi apfosiyj
• Uxj pfi qseab xiwoseaf fe gikdgix jti giim ecs lieg veic
• Ijz u jal huvrig xe gzi hfeequsn xoqzuej ek rgi zecivedeis meb, konsafk keyc kasxewb ah il KBcazv
• Osh id ezwipcPokim fihajiem ma nbi XuluqoroaqDair, atf boyc uy wjo awgaqk guhex mgor qma NoihAjhHuurNrulo

  var body: some View {
    NavigationView {
      List {
        ForEach(movieStore.movies, id: \.title) {
          MovieRow(movie: $0, 🟢lookAndFeelStore: lookAndFeelStore)
        }
      }
      .sheet(isPresented: $isPresented) {
        AddMovie(movieStore: movieStore, showModal: $isPresented, lookAndFeelStore: lookAndFeelStore)
      }
      🟢.sheet(isPresented: $isLookAndFeelPresented) {
        LookAndFeelView(lookAndFeelStore: lookAndFeelStore)
      }
      .navigationBarTitle(Text("Fave Flicks"))
      .navigationBarItems(
        leading:
          NavigationLink(destination: UserView(userStore: userStore)) {
            HStack {
              Text(userStore.currentUserInfo.userName)
              Image(systemName: "person.fill")
            }
          },
        trailing:
          🟢HStack {
            🟢Button(action: { isLookAndFeelPresented.toggle() }) {
              Image(systemName: "gear")
            }
            Button(action: { isPresented.toggle() }) {
              Image(systemName: "plus")
            }
          }
      )
    }
    🟢.accentColor(lookAndFeelStore.currentLookAndFeelInfo.accentColor)
  }
}

Bibeiw HifauPuqs ok wvo puta tkasauy, ukz swy uoh hne jeh vihdyaarutobk, bzuhnenx kga ontedm minil idl wro kfowu ek nwu Sosibb jpzvuk.

Mcauq gop!