Toimisto

Navigoi XAML-sivuilla: Windows Phone 7.5 Mango Apps Development - Osa 21

Episode 5: MVVM & Data Binding with Xamarin.Forms

Episode 5: MVVM & Data Binding with Xamarin.Forms
Anonim

Tervetuloa takaisin Windows Phone 7.5 Mango App -kehityssarjaan. Viimeisessä opetusohjelmassa sanotaan, miten tyyliä ja teemoja ohjataan, tässä opetusohjelmassa näemme yhden tavan navigoida sivujen välillä ja välittää tietoja sivulta toiseen.

Ladataan XAML-sivuja Silverlight-sovelluksissa aivan kuten lataamme HTML sivut verkkoselaimessa. Kuten verkkosivustolla, kaikilla verkkosivustoilla on oma URL-osoite (Unified Resource Locator), esimerkiksi www.thewindowsclub.com. Windows Phone 7.5 -sovelluksessa käytämme hyperlinkkipainikkeen hallintaa ja käytämme NavigateURI-ominaisuutta XAML-sivun URI-tunnuksella (Unified Resource Identifier), jonka haluat ladata. Aloita siis esimerkki.

Luo uusi projekti, jolla on ainutlaatuinen nimi, kuten "NavigationDemo". Napsauta hiiren kakkospainikkeella projektin nimeä ratkaisun etsimessä ja valitse Lisää ja sitten Uusi kohde. Valitse Lisää uusi kohde -ikkunassa Windows Phone Portrait -sivu, anna sille nimi, kuten Page1.xaml ja napsauta sitten alaosassa olevaa Lisää-painiketta. Tämä luo uuden sivun, joka näkyy pääosassa erillisellä välilehdellä. Vain selkeyden vuoksi uuden sivun otsikon muuttaminen sivulle "Uusi sivu" muuttamalla sivun otsikon TextBlock-tekstin ominaisuutta. Seuraavaksi MainPage.xaml-välilehdessä vedä ja pudota hyperlinkkipainike suunnittelualueella. Muuta nyt NavigateUri-ominaisuutta Hyperlink-painikkeen Ominaisuudet-ikkunassa. Lisää seuraava merkkijono

/NavigationDemo;component/Views/Page1.xaml

Käynnistä sovellus ja napsauta emulaattorissa näkyvää hyperlinkkipainiketta. Sinut ohjataan Sivu1.xaml-sivulta MainPage.xaml.

Nyt, jos haluat lähettää tietoja sivulta toiselle, käytämme Querystringia. Joten pitäkää URL-osoite, kuten www.abcxyz.com/images.aspx?id=3&language=fi. Täällä kaikki kysymysmerkin jälkeen kutsutaan querystring. Huomaa, että meillä on kaksi nimellisarvoparia eli id ​​= 3 ja languae = en. Ampersand antaa meille mahdollisuuden lisätä erilaisia ​​tietoja, tässä tapauksessa tunnusta ja kieltä.

Joten jatkamme projektiamme vetämällä ja pudotessamme TextBlockin Page1.xaml -sivulla. Tyhjennä TextBlock.Text-ominaisuus ja lisää seuraava C # -koodi PhoneApplicationPage_Loaded -tapahtumaan.

textBlock1.Text = String.Format ("Arvo: {0}", NavigationContext.QueryString ["id"]);

tässä koodirivissä käytämme NavigationContext-ohjelmaa, joka antaa meille pääsyn URL-osoitteeseen, erityisesti kyselytunnukseen. Määritämme kohde, jota haluamme käyttää hakasulkeissa.

Ennen kuin suoritamme sovelluksen, vaihdamme hyperlinkkipainikkeen NavigateUri-ominaisuuden seuraavaan

/NavigationDemo;component/Views/Page1.xaml?id = 1

Vedämme ja pudotamme myös toisen hyperlinkkipainikkeen MainPage.xaml: ssä ja asetamme sen navigateUri-ominaisuuden seuraavaan

/NavigationDemo;component/Views/Page1.xaml?id=2

ajaa sovellus ja napsauta hyperlink-painiketta emulaattorissa voimme nähdä MainPage.xaml: stä kulkevan tunnuksen arvon. Tämä on helppoa selata sivuja Windows Phone 7 -sovelluksessa. Pidä harjoitella sitä, kunnes saat sen oikein. Nyt voit oppia työskentelemään sovelluspalkin kanssa.