Windows Phone Tutorial 10: Legge til visuelle stater til den egendefinerte kontrollen

Windows Phone Tutorial 10: Legge til visuelle stater til den egendefinerte kontrollen
Windows Phone Tutorial 10: Legge til visuelle stater til den egendefinerte kontrollen

Video: Windows Phone Tutorial 10: Legge til visuelle stater til den egendefinerte kontrollen

Video: Windows Phone Tutorial 10: Legge til visuelle stater til den egendefinerte kontrollen
Video: Camping in Rain Storm - Perfect Car Tent - YouTube 2024, April
Anonim

Som en del av Windows Phone-opplæringsserien, i den siste opplæringen, så vi hvordan du oppretter en egendefinert knapp i Expression Blend. I denne opplæringen oppdaterer du kontrollmalen for å legge til forskjellige visuelle tilstander som gjør det mulig for knappen å vise en disposisjon når den er fokusert, og å skifte sin posisjon på siden for å indikere når den trykkes.

1. I Objekter og tidslinje panel, velg Grense styre.

2. Skift nå til States panelet og kontroller de visuelle tilstandene som er tilgjengelige for knappkontrollen.

Image
Image

3. Under FocusStates kategori, velg ufokusert stat for å slå på opptak for tilstanden utløst når knappen ikke har fokus. Eventuelle endringer i malen i denne modusen gjelder bare for den aktuelle tilstanden.

4. For å skjule grensen rundt knappen når den mister fokus:
4. For å skjule grensen rundt knappen når den mister fokus:
  • Å velge Grense i Objekter og tidslinje panel
  • I Eiendommer panel, utvide Børster kategori og velg BorderBrush eiendom
  • Klikk på Vis avanserte egenskaper ikonet og angi opacity eiendom av penselen til0

Image
Image

5. Gå tilbake til States panelet og velg presset angi i CommonStates kategori for å slå på opptak for staten utløst når musen klikkes.

6. I Eiendommer panel, utvide Forvandle kategori og velg Oversette forvandle. Sett X og Y verdier til2. Denne endringen gir et lite skifte i posisjonen til knappen når den klikkes, tyder på at den er trykket ned.

Image
Image

7. Til slutt, i States panel, velg Utgangspunkt mal for å slå av opptaksmodus

8. Trykk på CTRL + S for å lagre den oppdaterte filen.

9. Nå som du har fullført å legge til visuelle tilstander til den egendefinerte kontrollen, er du klar til å teste den oppdaterte knappen:

  • Trykk F5 for å bygge og kjøre programmet
  • Skriv inn litt tekst, og trykk deretter på Tab-tasten for å endre inngangsfokuset til knappen
  • Legg merke til at når en knapp har fokus, vises en kant rundt knappen som indikerer at den er aktiv
  • Trykk nå på mellomromstasten eller klikk på knappen og legg merke til hvordan posisjonen skifter for å indikere at den er trykket ned

Det er det!

Relaterte innlegg:

  • Windows Live Essentials Offline installatører for alle språk Linker
  • Windows Phone Tutorial 9: Opprette en egendefinert knapp i uttrykksblanding (del 2)
  • Teststasjon Windows OS i VirtualBox - Detaljert skjermbilde guide
  • Windows Phone Tutorial 11: Opprette en animasjon for bannerteksten
  • Ulike System Sleep States i Windows 10/8

Anbefalt: