Tento tutoriál je pokračovaním časťou I ako súčasťou tutoriálu Windows Phone: Prostredníctvom kopírovania a vloženia kódu z Visual just Studio do formátu blend sme vytvorili repliku aplikácie Silverlight v Expression Blend. Teraz navrhujeme vlastné tlačidlo podľa nasledujúcich krokov:
1. Potvrďte, že MainPage.xaml je otvorené v okne návrhára a je nastavený aktuálny pracovný priestor dizajn, Ak chcete zobraziť aktuálny pracovný priestor, vyberte položku pracovnej plochy v okno menu a uistite sa, že dizajn je zaškrtnuté.
2. V okne návrhára kliknite pravým tlačidlom myši na ikonu "Klikni na mňa", Prejdite na Upraviť šablónu a vyberte položku Vytvoriť prázdne.
3. V Vytvorte zdroj ControlTemplate dialóg, nastavte názov naFancyButton, zachovať aktuálnu hodnotu " Tento dokument"V Definovať v a kliknite na tlačidlo OK.
4. Uistite sa, či je panel Objekty a Časová osa viditeľný, ak nie, vyberte okno a potom Objekty a časová os zobraziť tento panel. Inak môžete obnoviť pracovný priestor.
5. Zmeňte aktuálny kontajner rozloženia koreňa šablóny. V Objekty a časová os panel, kliknite pravým tlačidlom na dieťa mriežka prvok vo vnútri šablóna, ukázať na Zmeniť typ rozloženia, a vyberte položku hraničné.
6. Pomocou tlačidla hraničné prvok, ktorý je stále vybraný v Objekty a časová os panel, prejdite na vlastnosti panel a pod vzhľad, nastavte hodnotu BorderThickness majetok do2 pre každú stranu a potom nastavte hodnotu CornerRadius majetok do15.
7. Ďalej, v kefy vyberte sekciu Pozadie majetok a vyzdvihnúť Gradientová kefa voľba. Potom vyberte zarážku na ľavom prechode a nastavte ju napríklad na svetlošedú farbu#FFADADAD, Potom zvoľte pravý stop gradientu a nastavte jeho hodnotu napríklad na tmavosivú farbu# FF0A0A0A.
8. Teraz, v kefy vyberte sekciu BorderBrush majetok, vyberte Štetec s tuhou farbou a vyberte napríklad svetlošedú farbu# FFC0C0C0.
9. Ďalším krokom je pridanie titulku. Najprv sa uistite, že hraničné prvok zostáva vybraný v Objekty a časová os panel.
10. Teraz prejdite na Aktíva panel, vyberte položku riadenie a prejdite nadol v zozname zobrazenom napravo od kategórie a vyhľadajte TextBlock ovládanie. Potom dvakrát kliknite na položku v zozname a vložte inštanciu tohto ovládacieho prvku vloženého do vnútra hraničné prvku šablóny.
11.Teraz, v náradie panel, zvoľte výber nástroj alebo stlačte tlačidlo V obnoviť režim výberu.
12.V oblasti Objekty a časová os vyberte novo pridanú TextBlock element. Potom, v vlastnosti panel, rozbaľte kefy kategóriu a nastavte popredia napríklad kefkou na svetlú farbu#FFFFFFFF.
13. Teraz rozbaľte dispozície a nastavte hodnotu HorizontalAlignment a VerticalAlignment vlastnosti docentrum, Potom nastavte hodnotu okraj majetok do10 pre ľavú a pravú stranu a pre4 pre hornú a spodnú stranu.
14. Prepojte text majetok spoločnosti Textové pole ovládanie v šablóne na obsah vlastnosť tlačidla šablóny ovládanej. Urobiť toto:
- Rozbaľte položku Spoločné vlastnosti kategórie
- kliknite Rozšírené možnosti vlastníctva -označené ikonou štvorca vedľa hodnoty nehnuteľnosti
- vybrať Väzba šablón aby sa zobrazil zoznam vlastností v template ovládaní, ktoré môžu byť viazané na túto vlastnosť
- Vyber obsah vlastnosť z tohto zoznamuVšimnite si, že hodnota text zmeny vlastníctva na "Klikni na mňa"- hodnota aktuálne nastavená pre obsah vlastnosť tlačidla - a že vlastnosť je teraz zobrazená s žltým obrysom, čo naznačuje, že je šablóna viazaná.
15. Stlačte CTRL + S uložiť aktualizovaný súbor.
16. Teraz ste pripravení otestovať nové vlastné tlačidlo. lis F5 vytvoriť a spustiť aplikáciu
Súvisiace príspevky:
- Inštalátori služby Windows Live Essentials offline pre všetky jazyky Odkazy
- Kompletný zoznam klávesových skratiek programu Windows Live Writer
- Voľná šablóna štýlu metra Windows pre používateľov jazyka Visual Basic
- Windows Phone Tutorial 11: Vytvorenie animácie pre bannerový text
- Testovací systém Windows OS v VirtualBox - Podrobné sprievodca screenshoty
