Tämä opetusohjelma on osa I-osaa, osana Windows Phone -ohjelmaa: Kun kopioimme ja liitettiin koodi Visualista vain Studio-lausekkeesta, olemme luoneet Silverlight-sovelluksen kopion Expression Blend -ohjelmassa. Nyt aiomme suunnitella mukautetun painikkeen seuraavasti:
1. Vahvista, että MainPage.xaml on avoinna suunnittelijaikkunassa ja että nykyinen työtila on asetettu Design. Voit tarkastella nykyistä työtilaa valitsemalla työtilat vuonna Ikkuna valikko ja varmista, että Design vaihtoehto on valittuna.
2. Napsauta suunnittelijaikkunassa hiiren kakkospainikkeella "Napsauta Minua"-Painiketta, osoita Muokkaa mallia ja valitse Luo tyhjä.
3 Luo ControlTemplate-resurssi dialogi, aseta Nimi ettäFancyButton, pitää nykyisen arvon " Tämä asiakirja"Vuonna Määritä sisään vaihtoehto ja napsauta kunnossa.
4. Varmista, että objektit ja aikajana-paneeli näkyvät, jos ei, valitse Ikkuna ja sitten Objektit ja aikajana näyttää tämän paneelin. Muutoin voit palauttaa työtilan.
5. Muuta mallin nykyinen juurihakemissäiliö. Vuonna Objektit ja aikajana napsauta hiiren kakkospainikkeella lasta ruudukko elementti sisällä Sapluuna, osoittaa Muuta asettelutyyppi, ja valitse reunus.
6. Kun olet reunus elementti valittuna edelleen Objektit ja aikajana paneeli siirtyy ominaisuudet paneeli ja alle Ulkomuoto, aseta arvo BorderThickness omaisuutta2 jokaiselle sivulle ja aseta sen arvo sitten CornerRadius omaisuutta15.
7. Seuraavaksi harjat -osassa, valitse Tausta omaisuutta ja poimia Gradient-harja vaihtoehto. Valitse sitten vasemman kaltevuuden pysäytys ja aseta sen arvo esimerkiksi vaaleanharmaaksi#FFADADAD. Valitse sitten oikea kaltevuusraja ja aseta sen arvo esimerkiksi tummanharmaaksi# FF0A0A0A.
8. Nyt harjat -osassa, valitse BorderBrush omaisuus, valitse a Kiinteä väriharja ja valitse esimerkiksi vaaleanharmaa väri# FFC0C0C0.
9. Seuraavassa vaiheessa lisätään otsikko. Ensinnäkin varmista, että reunus elementti valitaan edelleen Objektit ja aikajana paneeli.
10. Siirry nyt varat paneeli, valitse ohjaimet luokka ja vieritä luettelon oikealla puolella olevaa luetteloa textblock kontrolli. Napsauta sitten luettelon kohdetta kaksoisnapsauttamalla tämän kontrollin sisälle upotettua osuutta reunus mallin elementti.
11. Nyt, Työkalut paneeli, valitse Valinta työkalu tai paina V palauttaa valintatilan.
12.In Objektit ja aikajana paneeli, valitse vasta lisätty textblock elementti. Sitten, ominaisuudet paneeli, laajenna harjat luokka ja aseta etuala harja valolle esimerkiksi#FFFFFFFF.
13. Laajenna nyt Layout luokka ja asettaa arvon Vaakasuora kohdistaminen ja VerticalAlignment ominaisuuksiaKeskusta. Aseta sitten arvo Marginaali omaisuutta10 vasemmalle ja oikealle sivulle ja4 ylä- ja alapuolelle.
14. Liitä Teksti omaisuus Tekstilaatikko hallita mallia pitoisuus painomallinnuksen hallinnan ominaisuus. Tehdä tämä:
- Laajenna Yhteiset ominaisuudet kategoria
- Klikkaus Lisäasetukset -jota osoitetaan neliön kuvakkeella kohteen arvon vieressä
- valita Template Sitoutuminen näyttää luettelon kohteista, jotka voidaan sitoa tähän ominaisuuteen
- Valitse pitoisuus ominaisuus listasta. Huomaa, että arvon Teksti ominaisuus muuttuu "Napsauta Minua"- arvoa varten tällä hetkellä määritetty arvo pitoisuus ominaisuus ja että ominaisuus on nyt näkyvissä keltaisella ääriviivalla, joka osoittaa, että se on mallipohjainen.
15. Paina CTRL + S Tallenna päivitetty tiedosto.
16. Olet nyt valmis testaamaan uuden mukautetun painikkeen. Lehdistö F5 sovelluksen rakentaminen ja käyttö
Aiheeseen liittyvät julkaisut:
- Windows Live Essentials Offline Installers kaikille kielille Linkit
- Täydellinen luettelo Windows Live Writer -pikavalinnoista
- Ilmainen Windows Metro Style -malli Visual Basic-käyttäjille
- Windows Phone Tutorial 11: Animaation luominen banneri-tekstille
- Test Drive Windows-käyttöjärjestelmä VirtualBoxissa - yksityiskohtainen kuvakaappausopas