Windows Phone Tutorial 9: kohandatud nupu loomine ekspression segus (2. osa)

Windows Phone Tutorial 9: kohandatud nupu loomine ekspression segus (2. osa)
Windows Phone Tutorial 9: kohandatud nupu loomine ekspression segus (2. osa)

Video: Windows Phone Tutorial 9: kohandatud nupu loomine ekspression segus (2. osa)

Video: Windows Phone Tutorial 9: kohandatud nupu loomine ekspression segus (2. osa)
Video: Day 5: A Look at Microsoft Store Apps and Why we don’t Troubleshoot them! - YouTube 2024, Aprill
Anonim

See juhendaja on I osa jätkamine Windows Phone'i õpetuse osana: lihtsalt kopeerides ja kleepides koodi Visual just Studio-i väljundsegust, oleme loonud Silverlight-rakenduse replica Expression Blendis. Nüüd kavandame kohandatud nuppu, järgides samme:

1. Kinnitage, et MainPage.xaml on disainiaknas avatud ja praegune tööruum on seatud Disain. Praeguse tööruumi vaatamiseks valige Töökohad aastal Aken menüü ja veenduge, et Disain valik on kontrollitud.

2. Valige disainiaknas paremklõps "Klõpsake nuppu Me"Nupp, viidata sellele Muuda malli ja vali Loo tühi.

3. In Loo ControlTemplate'i ressurss dialoogis, määrake Nimi etFancyButton, hoia praegust väärtust " See dokument"Aastal Määra sisse valik ja klõpsake Okei.

Image
Image

4. Veenduge, et Objektid ja Timeline paneel on nähtavad, kui ei, siis valige Aken ja siis Objektid ja ajajoon seda paneeli näitama. Vastasel korral saate oma tööruumi lähtestada.

5. Muutke malli praegune juhenduskanal. Aastal Objektid ja ajajoon paneel, paremklõpsake lapsel Võrk element sees Mall, viitavad Muutke paigutuse tüüpi ja vali Piiri.

Image
Image

6. koos Piiri Element ikkagi valitud Objektid ja ajajoon paneeli, liikuge Omadused paneel ja all Välimus, määrake väärtus BorderThickness vara2 iga külje jaoks ja seejärel määrake väärtus CornerRadius vara15.

Image
Image

7. Järgmine, Pintslid jaotises valige Taust vara ja vali Gradientharja võimalus. Seejärel valige vasakpoolse gradiendi peatus ja määrake selle väärtus näiteks helehalli värviga#FFADADAD. Seejärel valige sobiv gradiendi peatumine ja määrake selle väärtus näiteks näiteks tumehalli värviga# FF0A0A0A.

Image
Image

8. Nüüd, aastal Pintslid jaotises valige BorderBrush vara, vali a Tahkis värvipintsel ja vali näiteks helehall värv# FFC0C0C0.

Image
Image

9. Järgmine samm on pealdise lisamine. Esiteks veenduge, et Piiri element jääb valitud Objektid ja ajajoon paneel.

10. Nüüd lülitage sisse Varad paneeli, valige Kontrollid kategooria ja liikuge kategooria paremal asuva loendi all, et leida TextBlock kontroll. Seejärel topeltklõpsake loendis olevat elementi, et sisestada selle juhtpuldi eksemplar, mis asub pessa Piiri malli element.

Image
Image
Image
Image

11. Nüüd, aastal Tööriistad paneeli, vali Valimine tööriist või vajutage V valikurežiimi taastamine.

12. In Objektid ja ajajoon paneelil valige äsja lisatud TextBlock element Siis, sisse Omadused paneeli laiendage Pintslid kategooria ja määrake Teadmised näiteks harjaga heledale värvile#FFFFFFFF.

Image
Image

13. Nüüd laiendage Paigutus kategooria ja määrake väärtus Horisontaalne piirang ja VerticalAlignment omadused kuniKeskus. Seejärel määrake väärtus Marginaal vara10 vasakule ja paremale poolele ja4 ülemise ja alumise külje jaoks.

Image
Image

14. Lingi Tekst vara Tekstikast kontrolli malli Sisu nupu malljuhtimise omadus. Selleks:

  • Laienda Üldised omadused kategooria
  • Klõpsake Täiustatud vara valikud -mida näitab ruutu ikoon vara väärtuse kõrval
  • Vali Mallide sidumine et kuvada malljuhtimissüsteemis olevate omaduste loend, mis võib selle omadusega siduda
  • Vali Sisu vara sellest loendistTäpsus, et väärtuse väärtus Tekst vara muudatused "Klõpsake nuppu Me"- praegu määratud väärtus Sisu nupu omadus - ja et vara on nüüd näidatud kollase joonega, mis näitab, et see on seotud malliga.
Image
Image

15. Vajutage CTRL + S uuendatud faili salvestamiseks.

16. Te olete nüüd valmis uue kohandatud nupu testimiseks. Vajuta F5 ehitada ja käivitada rakendus

Seonduvad postitused:

  • Windows Live Essentials Kõigi keelte võrguühenduseta installijad. Lingid
  • Windows Live Writeri klaviatuuri otseteede täielik nimekiri
  • Tasuta Windows Metro stiili mall Visual Basic kasutajatele
  • Windows Phone Tutorial 11: Bännerteksti jaoks animatsiooni loomine
  • Test Drive Windows OS VirtualBoxis - üksikasjalikud ekraanikuvasid juhised

Soovitan: