Objective-C iOS-utvikling for eldre kodebaser og virksomhetsapper · leksjon

UIView og UIViewController

Forstå livssyklusen og ansvarsområdene til UIView og UIViewController, som er byggesteinene i iOS-grensesnitt.

Leksjon 1 av 411 trinn

UIView og UIViewController er en gratis leksjon i Objective-C iOS-utvikling for eldre kodebaser og virksomhetsapper på CoddyKit. Dette er leksjon 1 av 4. Du kan lese hele leksjonen gratis nedenfor – og deretter øve praktisk i nettleseren med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Den er en del av læringsløpet i Objective-C iOS-utvikling for eldre kodebaser og virksomhetsapper, og fremdriften din synkroniseres mellom nettet og CoddyKit-appen. Kurset i Objective-C iOS-utvikling for eldre kodebaser og virksomhetsapper inneholder totalt 4 leksjoner.

Introduksjon til iOS-grensesnitt

Velkommen til utvikling av iOS-grensesnitt! Alle visuelle elementer du ser i en iOS-app, fra knapper til hele skjermer, bygges ved hjelp av to sentrale komponenter: UIView og UIViewController.

Dette er de grunnleggende byggesteinene som lar deg vise innhold og håndtere brukerinteraksjoner i Objective-C-appene dine.

Hva er en UIView?

En UIView er et grunnleggende rektangulært område som tegner innhold og håndterer hendelser på skjermen. Tenk på den som et lerret der du kan tegne figurer, vise tekst eller vise bilder.

  • Den er basisklassen for alle visuelle elementer.
  • Den definerer innholdets plassering, størrelse og utseende.
  • Den kan inneholde andre views, slik at det opprettes et view-hierarki.

Grunnleggende UIView-egenskaper

UIView-objekter har viktige egenskaper som styrer utseende og layout. Her er noen vanlige:

  • frame: Angir viewets størrelse og plassering i forhold til dets superview.
  • bounds: Angir viewets størrelse og plassering i forhold til dets eget koordinatsystem.
  • backgroundColor: Angir viewets bakgrunnsfarge.
  • alpha: Styrer viewets gjennomsiktighet (0.0 er helt gjennomsiktig, 1.0 er helt ugjennomsiktig).

Opprette en UIView

Du kan opprette og konfigurere en UIView programmatisk. Slik kan du sette opp et enkelt, rødt firkantet view:

// In an Objective-C file (e.g., within a method)
CGRect viewFrame = CGRectMake(50, 50, 100, 100);
UIView *myView = [[UIView alloc] initWithFrame:viewFrame];
myView.backgroundColor = [UIColor redColor];
myView.alpha = 0.7;
// myView is now ready to be added to another view

Hva er en UIViewController?

En UIViewController er en sentral komponent som administrerer et hierarki av visninger (ofte bare én hovedvisning) og koordinerer informasjonsflyten mellom visningene og appens datamodell.

Den fungerer som hjernen for en bestemt skjerm eller del av appen og håndterer brukerinndata, oppdaterer visningen og reagerer på systemhendelser.

Hovedvisningen til UIViewController

Alle UIViewController-objekter har en primær egenskap kalt view, som er en instans av UIView. Denne view-egenskapen fungerer som roten i visningshierarkiet som view controlleren administrerer.

Vanligvis legger De til alle andre UI-elementer (for eksempel knapper og etiketter) som subvisninger i denne hovedvisningen view.

Livssyklusmetoden `viewDidLoad`

UIViewController-objekter har en livssyklus med metoder som kalles på ulike stadier. En av de viktigste er viewDidLoad.

  • Den kalles én gang etter at controllerens visning er lastet inn i minnet.
  • Dette er et godt sted å utføre det innledende oppsettet av visningene, for eksempel legge til subvisninger, sette opp begrensninger eller laste inn innledende data.
  • Den kalles bare én gang i løpet av view controllerens levetid.

Implementering av `viewDidLoad`

Slik kan De overstyre viewDidLoad i en egendefinert view controller for å legge til et innledende UI-oppsett:

// MyViewController.m
#import "MyViewController.h"

@implementation MyViewController

- (void)viewDidLoad {
    [super viewDidLoad]; // Always call super!
    
    self.view.backgroundColor = [UIColor lightGrayColor];
    
    UILabel *welcomeLabel = [[UILabel alloc] initWithFrame:CGRectMake(20, 100, 280, 40)];
    welcomeLabel.text = @"Hello from MyViewController!";
    welcomeLabel.textAlignment = NSTextAlignmentCenter;
    [self.view addSubview:welcomeLabel];
}

@end

`viewWillAppear` og `viewDidAppear`

I tillegg til viewDidLoad finnes det to andre vanlige livssyklusmetoder som gjelder når en visning vises på skjermen:

  • viewWillAppear:: Kalles rett før view controllerens visning legges til i visningshierarkiet og skal vises. Egner seg godt til å oppdatere UI som kan endres ofte.
  • viewDidAppear:: Kalles etter at view controllerens visning er vist helt på skjermen. Egner seg godt til å starte animasjoner eller hente data som krever at visningen er synlig.

Rask kontroll: UI-komponenter

Hvilket av følgende utsagn beskriver best hovedansvaret til en UIViewController?

Oppsummering: UIView og UIViewController

De har lært om de grunnleggende byggesteinene i iOS-brukergrensesnitt!

  • UIView er et grunnleggende rektangulært område for tegning og håndtering av hendelser.
  • UIViewController administrerer et visningshierarki og koordinerer samhandlingen mellom visninger og data.
  • Egenskapen view i en UIViewController er roten i brukergrensesnittet den administrerer.
  • Livssyklusmetoder som viewDidLoad, viewWillAppear og viewDidAppear er viktige for å sette opp og oppdatere brukergrensesnittet på ulike stadier.

Deretter skal vi se nærmere på vanlige UI-kontroller og hvordan De håndterer brukerhendelser!

Gratis å komme i gang

Lær deg Objective-C med en AI-veileder – gratis

Skriv og kjør ekte kode i nettleseren, få umiddelbar hjelp fra en AI-veileder som er tilgjengelig døgnet rundt, og fortsett der du slapp – på nettet eller i appen.

Kurs
12
Leksjoner
48

Ofte stilte spørsmål

Er leksjonen «UIView og UIViewController» gratis?

Ja – hele teksten i «UIView og UIViewController» er gratis å lese her på nettet. For å øve interaktivt med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt, og for å låse opp resten av Objective-C iOS-utvikling for eldre kodebaser og virksomhetsapper-kurset, kan du oppgradere til CoddyKit PRO. Kurset i Objective-C iOS-utvikling for eldre kodebaser og virksomhetsapper inneholder totalt 4 leksjoner.

Hva lærer jeg i «UIView og UIViewController»?

Forstå livssyklusen og ansvarsområdene til UIView og UIViewController, som er byggesteinene i iOS-grensesnitt. Du øver på Objective-C iOS-utvikling for eldre kodebaser og virksomhetsapper med praktisk kode som du kjører direkte i nettleseren, mens en AI-veileder som er tilgjengelig døgnet rundt, svarer på spørsmålene dine mens du jobber deg gjennom leksjonen.

Trenger jeg erfaring for å begynne med Objective-C iOS-utvikling for eldre kodebaser og virksomhetsapper?

Ingen tidligere erfaring er nødvendig. Objective-C iOS-utvikling for eldre kodebaser og virksomhetsapper på CoddyKit er lagt opp for både nybegynnere og viderekomne, så De kan begynne her eller helt fra start og lære i Deres eget tempo. Dette er leksjon 1 av 4.

Hvor lang tid tar leksjonen «UIView og UIViewController»?

De fleste CoddyKit-leksjoner tar omtrent 5–10 minutter. Hver leksjon er kort og interaktiv, slik at De gjør jevne fremskritt og kan fortsette akkurat der De slapp – både på nettet og i appen.

Kan jeg skrive og kjøre kode i denne Objective-C iOS-utvikling for eldre kodebaser og virksomhetsapper-leksjonen?

Ja. Alle Objective-C iOS-utvikling for eldre kodebaser og virksomhetsapper-leksjoner har en innebygd kodeeditor, slik at De kan skrive og kjøre ekte kode direkte i nettleseren og få umiddelbar tilbakemelding fra AI – uten lokal konfigurering.

Alle leksjonene i dette kurset

  1. UIView og UIViewController
  2. Vanlige UI-kontroller og hendelser
  3. Tabellvisninger og samlingsvisninger
  4. Auto Layout med NSLayoutConstraint
← Tilbake til Objective-C iOS-utvikling for eldre kodebaser og virksomhetsapper