Xamarin on ohjelmistoalusta, jota käytetään eri alustojen mobiilikehitykseen. Voit käyttää sitä sovellusten luomiseen iOS: lle, Androidille, Windowsille ja muille. Voit luoda uuden Xamarin-projektin Visual Studiolla ja täyttää sovelluksesi lisäämällä sisältöä, widgetejä ja muita toimintoja.

Kun luot uuden mobiilisovelluksen, sovelluksesi saattaa vaatia useita sivuja. Jos näin on, sovellus tarvitsee myös tarvittavat toiminnot, jotta käyttäjät voivat navigoida näiden sivujen välillä.

Kuinka perustaa Xamarin-projekti

Aloita luoda uusi Xamarin-projekti. Kun luot uuden sovelluksen, siellä on oletuspääsivu nimeltä Pääsivu.xaml tallennettu Xamarin-projektikansioon. The Pääsivu.xaml sivu toimii aloitusnäytönä, kun käynnistät sovelluksen ensimmäisen kerran.

Sivulla on myös mm MainPage.xaml.cs tiedosto, johon voit kirjoittaa ohjelmointilogiikkasi C#:lla. Muut alustat voivat käyttää muita mobiilikehityspelien kieliä, joista voi olla hyötyä oppimiselle.

  1. Navigoida johonkin Pääsivu.xaml ja avaa se.
  2. Vuonna MainPage.xaml tiedosto, muuta oletuskoodia. Vaihda sisältö StackLayout Käyttöliittymäelementti uudella tunnisteella:
    <StackLayout Padding = "50">
    <Tunnisteen teksti = "Uusi mobiilisovellus"
     HorizontalOptions = "Keskusta"
     VerticalOptions = "KeskitäJaLaajenna"
     FontAttributes = "Lihavoitu kursiivi"
     Fonttikoko = "24"
     Tekstin väri = "Musta" />
    </StackLayout>
  3. Napsauta Visual Studio -ikkunan yläosassa vihreää toistopainiketta käynnistääksesi sovelluksen emulaattorissa.
  4. Odota, että projekti käännetään ennen kuin emulaattori käynnistyy.

Kuinka lisätä toinen sivu Xamarin-projektiin

Tällä hetkellä Xamarin-projektissasi on vain yksi sivu. Luo uusi sivu lisäämällä uusi xaml tiedosto ja täytä se sisällöllä.

  1. Napsauta Solution Explorerissa projektia hiiren kakkospainikkeella. Valitse Lisätä, ja napsauta Uusi kohde.
  2. Valitse Sisältö Sivu alkaen Xamarin. Lomakkeet kategoria. Nimeä uusi tiedosto SecondPage.xaml, ja napsauta Lisätä.
  3. Näet uuden sivun näkyvän Solution Explorerissa, ja se koostuu molemmista a xaml tiedosto ja a xaml.cs tiedosto. The xaml tiedosto koostuu käyttöliittymäelementeistä ja widgeteistä sekä xaml.cs tiedosto koostuu muusta koodilogiikasta ja toiminnoista.
  4. Avaa SecondPage.xaml tiedosto, joka sisältää jo jonkin oletuskoodin. Sisällä StackLayout UI-elementti, korvaa nykyinen tunniste tunnisteella, jossa lukee "Toinen sivu".
    <StackLayout>
    <Otsikon teksti ="Toinen sivu"
     FontSize="42"
     VerticalOptions="KeskitäJaLaajenna"
     HorizontalOptions="KeskitäJaLaajenna" />
    </StackLayout>

Toiselle sivulle siirtyminen pääsivulta

Voit navigoida toiselle sivulle lisäämällä painikkeen, joka käynnistää sovelluksen siirtymään sille.

  1. Avata MainPage.xaml.
  2. Lisää painikekäyttöliittymäelementti. Lisää uusi painike tarran alle.
    <Painikkeen teksti = "Siirry toiselle sivulle"
     x: Nimi = "Painike 1"
     Taustaväri = "#2196F3"
     Tekstin väri = "Valkoinen savu"
     HeightRequest = "50" />
  3. Avata MainPage.xaml.csja luo funktio nimeltä Navigoida johonkin(). Käytä toiminnon sisällä Navigointi. PushAsync toiminto navigoidaksesi uudelle sivulle. Sinun on lisättävä uusi sivuobjekti argumentiksi.
    asynkmitätön NavigateTo (objektin lähettäjä, EventArgs e)
    {
     Navigointi. PushAsync(Uusi Toinen sivu());
    }
  4. Palata takaisin MainPage.xaml. Lisää uusi Navigoida johonkin() toimintoa Napsautettu attribuutti. Tämä käynnistää toiminnon, kun käyttäjä painaa painiketta.
    <Painikkeen teksti = "Siirry toiselle sivulle"
     x: Nimi = "Painike 1"
     Napsautettu = "Navigoida johonkin"
     Taustaväri = "#2196F3"
     Tekstin väri = "Valkoinen savu"
     HeightRequest = "50" />
  5. Napsauta Visual Studio -ikkunan yläosassa vihreää toistopainiketta käynnistääksesi sovelluksen emulaattorin avulla.
  6. Napsauta pääsivulla olevaa painiketta. Näet sovelluksen siirtyvän toiselle sivulle.

Mobiilisovellusten luominen Xamarinilla

Xamarin on avoimen lähdekoodin työkalu, jota voit käyttää mobiilisovellusten kehittämiseen iOS: lle, Androidille, Windowsille ja muille. Voit luoda uuden Xamarin-projektin Visual Studiolla, täyttää sovelluksen ja lisätä useita sivuja.

Jos haluat lisätä useita sivuja, luo uusia sisältösivuja ja täytä ne sisällöllä. Voit myös käyttää napsautustapahtumia tai muita tapahtumia käynnistääksesi sovelluksen siirtymään uudelle sivulle.

Mobiilisovelluksen rakentamiseen liittyy paljon, joten on tärkeää, että ymmärrät perusasiat aloittaessasi. Tutustu joihinkin mahtaviin kursseihin, joista voit oppia.