Objective-C iOS-kehitys vanhoille ja yrityssovelluksille · Oppitunti

UIView ja UIViewController

Ymmärtäkää UIViewn ja UIViewControllerin elinkaari ja vastuut iOS-käyttöliittymien rakennuspalikoina.

Oppitunti 1/411 vaihetta

UIView ja UIViewController on ilmainen Objective-C iOS-kehitys vanhoille ja yrityssovelluksille-oppitunti CoddyKitissä. Tämä on oppitunti 1/4. Voit lukea koko oppitunnin alta ilmaiseksi ja harjoitella sen jälkeen käytännössä selaimessa sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla. Oppitunti kuuluu Objective-C iOS-kehitys vanhoille ja yrityssovelluksille-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. Objective-C iOS-kehitys vanhoille ja yrityssovelluksille-kurssilla on yhteensä 4 oppituntia.

Johdatus iOS-käyttöliittymiin

Tervetuloa rakentamaan iOS-käyttöliittymiä! Jokainen iOS-sovelluksessa näkyvä visuaalinen elementti painikkeista kokonaisiin näyttöihin rakennetaan kahden keskeisen komponentin avulla: UIView ja UIViewController.

Nämä ovat perusrakennuspalikoita, joiden avulla Objective-C-sovelluksissa voidaan näyttää sisältöä ja hallita käyttäjän toimintoja.

Mikä on UIView?

UIView on näytön perusmuotoinen suorakulmainen alue, joka piirtää sisältöä ja käsittelee tapahtumia. Ajatelkaa sitä kankaana, jolle voi piirtää muotoja, näyttää tekstiä tai esittää kuvia.

  • Se on kaikkien visuaalisten elementtien perusluokka.
  • Se määrittää sisällön sijainnin, koon ja ulkoasun.
  • Se voi sisältää muita näkymiä, jolloin muodostuu näkymähierarkia.

UIView:n perusominaisuudet

UIView-olioilla on tärkeitä ominaisuuksia, jotka hallitsevat niiden ulkoasua ja asettelua. Tässä on muutamia yleisiä ominaisuuksia:

  • frame: Määrittää näkymän koon ja sijainnin suhteessa sen superview-näkymään.
  • bounds: Määrittää näkymän koon ja sijainnin suhteessa sen omaan koordinaatistoon.
  • backgroundColor: Asettaa näkymän taustavärin.
  • alpha: Hallitsee näkymän läpinäkyvyyttä (0.0 on täysin läpinäkyvä ja 1.0 täysin peittävä).

UIView:n luominen

Voitte luoda ja määrittää UIView-näkymän ohjelmallisesti. Näin voitte luoda yksinkertaisen punaisen neliön:

// 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

Mikä on UIViewController?

UIViewController on keskeinen komponentti, joka hallinnoi näkymien hierarkiaa (usein vain yhtä päänäkymää) ja koordinoi tiedonkulkua näkymien ja sovelluksen tietomallin välillä.

Se toimii sovelluksen tietyn näytön tai osion aivoina: käsittelee käyttäjän syötteitä, päivittää näkymää ja reagoi järjestelmän tapahtumiin.

UIViewControllerin päänäkymä

Jokaisella UIViewController-oliolla on ensisijainen view-ominaisuus, joka on UIView-instanssi. Tämä view toimii näkymäohjaimen hallinnoiman näkymähierarkian juurena.

Yleensä kaikki muut käyttöliittymäelementit, kuten painikkeet ja otsikot, lisätään tämän pääasiallisen view-näkymän alinäkymiksi.

`viewDidLoad`-elinkaarimetodi

UIViewController-olioilla on elinkaari, joka sisältää eri vaiheissa kutsuttavia metodeja. Yksi tärkeimmistä on viewDidLoad.

  • Se kutsutaan kerran sen jälkeen, kun ohjaimen näkymä on ladattu muistiin.
  • Se on ihanteellinen paikka näkymien alustamiseen, kuten alinäkymien lisäämiseen, rajoitteiden määrittämiseen tai alustavien tietojen lataamiseen.
  • Se kutsutaan vain kerran näkymäohjaimen elinkaaren aikana.

`viewDidLoad`-metodin toteuttaminen

Näin voit ohittaa viewDidLoad-metodin mukautetussa näkymäohjaimessasi ja tehdä käyttöliittymän alustavat määritykset:

// 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` ja `viewDidAppear`

viewDidLoad-metodin lisäksi kaksi muuta yleistä elinkaarimetodia liittyvät näkymän ilmestymiseen näytölle:

  • viewWillAppear:: Kutsutaan juuri ennen kuin näkymäohjaimen näkymä lisätään näkymähierarkiaan ja näytetään. Sopii usein muuttuvan käyttöliittymän päivittämiseen.
  • viewDidAppear:: Kutsutaan sen jälkeen, kun näkymäohjaimen näkymä on kokonaan esitetty näytöllä. Sopii esimerkiksi animaatioiden käynnistämiseen tai sellaisten tietojen hakemiseen, jotka edellyttävät näkymän olevan näkyvissä.

Pikatarkistus: käyttöliittymäkomponentit

Mikä seuraavista väitteistä kuvaa parhaiten UIViewController-olion ensisijaista tehtävää?

Kertaus: UIView ja UIViewController

Olette tutustuneet iOS-käyttöliittymien keskeisiin rakennuspalikoihin!

  • UIView on suorakulmainen perusalue piirtämistä ja tapahtumien käsittelyä varten.
  • UIViewController hallinnoi näkymähierarkiaa ja koordinoi näkymien ja tietojen välistä vuorovaikutusta.
  • UIViewController-olion view-ominaisuus on sen hallinnoiman käyttöliittymän juuri.
  • Elinkaarimetodit, kuten viewDidLoad, viewWillAppear ja viewDidAppear, ovat keskeisiä käyttöliittymän alustamisessa ja päivittämisessä eri vaiheissa.

Seuraavaksi tutustumme yleisiin käyttöliittymäohjaimiin ja käyttäjätapahtumien käsittelyyn!

Aloita maksutta

Opi Objective-C tekoälytuutorin avulla — ilmaiseksi

Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.

Kurssit
12
Oppitunnit
48

Usein kysytyt kysymykset

Onko oppitunti ”UIView ja UIViewController” ilmainen?

Kyllä – oppitunnin ”UIView ja UIViewController” koko tekstin voi lukea täällä verkossa ilmaiseksi. Jos haluat harjoitella interaktiivisesti sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla sekä avata koko Objective-C iOS-kehitys vanhoille ja yrityssovelluksille-kurssin, päivitä CoddyKit PROhon. Objective-C iOS-kehitys vanhoille ja yrityssovelluksille-kurssilla on yhteensä 4 oppituntia.

Mitä opin oppitunnilla ”UIView ja UIViewController”?

Ymmärtäkää UIViewn ja UIViewControllerin elinkaari ja vastuut iOS-käyttöliittymien rakennuspalikoina. Harjoittelet Objective-C iOS-kehitys vanhoille ja yrityssovelluksille-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.

Tarvitsenko kokemusta aloittaakseni Objective-C iOS-kehitys vanhoille ja yrityssovelluksille-opiskelun?

Aiempi kokemus ei ole tarpeen. CoddyKitin Objective-C iOS-kehitys vanhoille ja yrityssovelluksille-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 1/4.

Kuinka kauan ”UIView ja UIViewController”-oppitunnin suorittaminen kestää?

Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.

Voinko kirjoittaa ja suorittaa koodia tällä Objective-C iOS-kehitys vanhoille ja yrityssovelluksille-oppitunnilla?

Kyllä. Jokainen Objective-C iOS-kehitys vanhoille ja yrityssovelluksille-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.

Kaikki tämän kurssin oppitunnit

  1. UIView ja UIViewController
  2. Yleiset käyttöliittymäohjaimet ja tapahtumat
  3. Taulukkonäkymät ja kokoelmanäkymät
  4. Auto Layout NSLayoutConstraintilla
← Takaisin: Objective-C iOS-kehitys vanhoille ja yrityssovelluksille