Darbs ar lietojumprogrammu joslu: Windows tālruņu lietotņu izstrādes apmācība - 22. daļa

Darbs ar lietojumprogrammu joslu: Windows tālruņu lietotņu izstrādes apmācība - 22. daļa
Darbs ar lietojumprogrammu joslu: Windows tālruņu lietotņu izstrādes apmācība - 22. daļa

Video: Darbs ar lietojumprogrammu joslu: Windows tālruņu lietotņu izstrādes apmācība - 22. daļa

Video: Darbs ar lietojumprogrammu joslu: Windows tālruņu lietotņu izstrādes apmācība - 22. daļa
Video: What is the Windows.old Folder - Can You Delete It? - YouTube 2024, Aprīlis
Anonim

Pēdējā mūsu Windows Phone 7.5 Mango lietojumprogrammu izstrādes sērijas daļā mēs redzējām, kā pārvietoties starp XAML lapām, kamēr šajā apmācībā mēs apskatīsim Application Bar.

Lietojumprogrammu josla ir līdzīga izvēlnei. Tajā ir augšpusē esošās ikonas, kas tikai pārāk pāri apakšai un trīsdaļīgu pogu, kas, noklikšķinot, parāda vairākas teksta izvēlnes opcijas. Mēs varam izmantot šīs opcijas, lai veiktu kādu darbību pašreizējā XAML lapā vai novirzītu lietotāju uz pilnīgi jaunu mūsu pieteikuma apgabalu. Laba lieta par lietojumprogrammas joslu ir tā, ka tā paliek galvenokārt slēpta un netraucē lietotnes pamata lietotāja saskarni.

Let's iet uz priekšu un strādājam ar dzīvu piemēru.

Izveidojiet jaunu Windows Phone 7.5 projektu ar unikālu nosaukumu; kaut kas līdzīgs "ApplicationBarDemo". Nākamais labajā klikšķī noklikšķiniet uz projekta nosaukuma Solution Explorer logā un izvēlnē izvēlieties Add. Izvēlieties jaunu mapi no apakšizvēlnes un nosauciet jauno mapi, kas izveidota kā "Ikonas". Ikonu mapē tiks saglabātas ikonas, kuras tiks parādītas lietojumprogrammas joslā. Tagad pārvietojieties uz "C: Program Files Microsoft SDK Windows Phone v7.0 Icons dark" un velciet un nometiet ikonas (plus un mīnus zīme) sava projekta ikonu mapē, lai tie tagad kļūtu par daļu no jūsu projekta. Mainiet katras ikonas no resursa uz saturu satura "Veidot darbību".

Visual Studio katrai lapai XAML kodā sniedz mums pamata pieteikumu joslas pamatu. Pārlūkojiet XAML koda apakšā dizaina logā, lai atrastu kodu Application Bar. Rediģējiet XAML kodu tā, lai tas būtu līdzīgs tālāk norādītajam
Visual Studio katrai lapai XAML kodā sniedz mums pamata pieteikumu joslas pamatu. Pārlūkojiet XAML koda apakšā dizaina logā, lai atrastu kodu Application Bar. Rediģējiet XAML kodu tā, lai tas būtu līdzīgs tālāk norādītajam

ApplicationBarIconButton IconUri = "/ Images / appbar.minus.rest.png" Text = "Noņemt" Click = "ApplicationBarIconButton_Click" />

ApplicationBarIconButton IconUri = "/ Images / appbar.new.rest.png" Text = "Pievienot" Click = "ApplicationBarIconButton_Click_1" />

ApplicationBarIconButton IconUri = "/ Images / appbar.minus.rest.png" Text = "Noņemt" Click = "ApplicationBarIconButton_Click" />

ApplicationBarIconButton IconUri = "/ Images / appbar.new.rest.png" Text = "Pievienot" Click = "ApplicationBarIconButton_Click_1" />

ApplicationBarMenuItem Text = "Izvēlne 1" Noklikšķiniet uz "ApplicationBarMenuItem_Click" />

ApplicationBarMenuItem Text = "Izvēlne 2" Noklikšķiniet uz "ApplicationBarMenuItem_Click_1" />

ApplicationBarMenuItem Text = "Izvēlne 3" Noklikšķiniet uz "ApplicationBarMenuItem_Click" />

ApplicationBarMenuItem Text = "Izvēlne 4" Noklikšķiniet uz "ApplicationBarMenuItem_Click_1" />

ApplicationBarMenuItem Text = "Izvēlne 5" Noklikšķiniet uz "ApplicationBarMenuItem_Click" />

ApplicationBarMenuItem Text = "Izvēlne 6" Noklikšķiniet uz "ApplicationBarMenuItem_Click_1" />

ApplicationBarMenuItem Text = "Izvēlne 7" Noklikšķiniet uz "ApplicationBarMenuItem_Click" />

ApplicationBarMenuItem Text = "Izvēlne 8" Noklikšķiniet uz "ApplicationBarMenuItem_Click_1" />

ApplicationBarMenuItem Text = "Izvēlne 9" Noklikšķiniet uz "ApplicationBarMenuItem_Click" />

ApplicationBarMenuItem Text = "Izvēlne 10" Noklikšķiniet uz "ApplicationBarMenuItem_Click_1" />

ApplicationBarMenuItem Text = "Izvēlne 11" Noklikšķiniet uz "ApplicationBarMenuItem_Click" />

ApplicationBarMenuItem teksts = "Izvēlne 12" Noklikšķiniet uz "ApplicationBarMenuItem_Click_1" />

Lietojumprogrammas josla var turēt četras ikonu pogas max un neierobežotā skaitā teksta izvēlnes vienumus.

Apskatīsim pieteikuma joslas ikonu koda XAML kodu

ApplicationBarIconButton IconUri = "/ Images / appbar.minus.rest.png" Text = "Noņemt" Click = "ApplicationBarIconButton_Click" />

Katrā lietotņu joslas ikonas pogā ir vairākas īpašības. IconUri īpašumu izmanto, lai iestatītu uri ikonai. Teksta īpašība nosaka miniatūru tekstu, kas tiks parādīts zem ikonas. Klikšķu notikums palīdz mums definēt funkcionalitāti, kas jāīsteno, noklikšķinot uz ikonas.

Tāpat lietojumprogrammu joslas izvēlnes vienums satur vairākas īpašības un notikumus. Mēs neieviesīsim šīs detaļas, jo šī apmācība ir paredzēta iesācējiem, jūs varat uzzināt vairāk par to vietnē MSDN. Tagad varat redzēt, kā izmantot kanvas kā dialoglodziņu.

Saistītie raksti:

  • Windows Phone Tutorial 8: pielāgotas pogas izveide Expression Blend-I
  • Navigācija starp XAML lapām: Windows Phone Apps izstrādes apmācība - 21. daļa
  • Windows Phone Tutorial 4: lietotāja interfeisa izstrāde
  • GPS, atrašanās vietas API un Web pakalpojumu izsaukšana: Windows Phone Apps izstrādes apmācība - 25
  • Izpratne par XAML: Windows tālruņu lietotņu izstrādes turēšana - 15. daļa

Ieteicams: