Windows Phone Tutorial 10: Visual States toevoegen aan de Custom Control

Video: Windows Phone Tutorial 10: Visual States toevoegen aan de Custom Control

Video: Windows Phone Tutorial 10: Visual States toevoegen aan de Custom Control
Video: Google Chat: Course Introduction 2024, Maart
Windows Phone Tutorial 10: Visual States toevoegen aan de Custom Control
Windows Phone Tutorial 10: Visual States toevoegen aan de Custom Control
Anonim

Als onderdeel van de serie Windows Phone-tutorials, in de laatste zelfstudie, hebben we gezien hoe we een aangepaste knop in Expression Blend kunnen maken. In deze zelfstudie werkt u de besturingssjabloon bij om verschillende visuele statussen toe te voegen waarmee de knop een omtrek weergeeft wanneer deze is scherpgesteld en om zijn positie op de pagina te wijzigen om aan te geven wanneer deze wordt ingedrukt.

1. In de Objecten en tijdlijn paneel, selecteer de Grens controle.

2. Ga nu naar de Staten paneel en controleer de beschikbare visuele statussen voor de knopbediening.

Image
Image

3. Onder de FocusStates categorie, selecteert u de ongericht staat om de opname in te schakelen voor de status die wordt geactiveerd wanneer de knop niet de focus heeft. Alle wijzigingen aan de sjabloon in deze modus zijn alleen van toepassing op die specifieke status.

4. Om de rand rond de knop te verbergen wanneer deze de focus verliest:
4. Om de rand rond de knop te verbergen wanneer deze de focus verliest:
  • kiezen Grens in de Objecten en tijdlijn paneel
  • In de eigenschappen paneel, vouw de Borstels categorie en selecteer de BorderBrush eigendom
  • Klik op de Toon geavanceerde eigenschappen pictogram en stel de ondoorzichtigheid eigendom van de borstel aan0

Image
Image

5. Ga terug naar de Staten paneel en selecteer de gedrukt staat in de CommonStates categorie om opname in te schakelen voor de status die wordt geactiveerd wanneer op de muis wordt geklikt.

6. In de eigenschappen paneel, vouw de Transformeren categorie en selecteer de Vertalen transformeren. Stel de X en Y waarden voor2. Deze wijziging produceert een kleine verschuiving in de positie van de knop wanneer erop wordt geklikt, wat erop wijst dat deze is ingedrukt.

Image
Image

7. Tot slot, in de Staten paneel, selecteer de Baseren sjabloon om de opnamemodus uit te schakelen

8. Druk op CTRL + S om het bijgewerkte bestand op te slaan.

9. Nu u klaar bent met het toevoegen van visuele staten aan het aangepaste besturingselement, bent u klaar om de bijgewerkte knop te testen:

  • Druk op F5 om de applicatie te bouwen en uit te voeren
  • Voer wat tekst in en druk vervolgens op de Tab-toets om de invoerfocus naar de knop te wijzigen
  • Merk op dat wanneer de knop focus heeft, er een rand rond de knop verschijnt die aangeeft dat deze actief is
  • Druk nu op de spatiebalk of klik op de knop en merk op hoe de positie verschuift om aan te geven dat deze is ingedrukt

Dat is het!

Gerelateerde berichten:

  • Windows Live Essentials Offline installatieprogramma's voor ALLE talen Links
  • Windows Phone Tutorial 9: Een aangepaste knop maken in Expression Blend (deel 2)
  • Test Windows OS in VirtualBox - Gedetailleerde gids met schermafbeeldingen
  • Windows Phone Tutorial 11: een animatie maken voor de bannertekst
  • Verschillende systeem slaapstanden in Windows 10/8

Aanbevolen: