Använda komponenten TextInput

En TextInput-komponent kan aktiveras eller inaktiveras i ett program. I inaktiverad status tas inmatning från mus eller tangentbord inte emot. I aktiverad status följer den samma fokus, val och navigeringsregler som ActionScript TextField-objekt. När en TextInput-förekomst har fokus kan du också använda följande tangenter för att styra den:

Mer information om att kontrollera fokus finns i avsnittet om gränssnittet FocusManager i Referenshandbok för ActionScript 3.0 i Adobe Flash Professional och Arbeta med FocusManager .

En direktförhandsvisning av varje TextInput-förekomst reflekterar ändringar som gjorts för parametrar i egenskapsinspektören eller komponentinspektören vid redigeringen. Det går inte att markera text i direktförhandsvisningen, och du kan inte ange text i komponentförekomsten på scenen.

När du lägger till TextInput-komponenten i ett program kan du använda hjälpmedelspanelen för att göra den åtkomlig för skärmläsare.

Du kan ställa in följande utvecklingsparametrar för varje förekomst av TextInput-komponenten i egenskapsinspektören eller komponentinspektören: editable , displayAsPassword , maxChars , restrict och text . Var och en av de här parametrarna har en motsvarande ActionScript-egenskap med samma namn. Information om möjliga värden på de här parametrarna finns i avsnittet om klassen TextInput i Referenshandbok för ActionScript 3.0 i Adobe Flash Professional .

Du kan skriva ActionScript för att styra de här och andra alternativ för TextInput-komponenten med hjälp av dess egenskaper, metoder och händelser. Mer information finns i avsnittet om klassen TextInput i Referenshandbok för ActionScript 3.0 i Adobe Flash Professional .

I proceduren nedan beskrivs hur du lägger till en TextInput-komponent i ett program. Exemplet använder två TextInput-fält för att ta emot och bekräfta ett lösenord. En händelseavlyssnare används för att se om minst åtta tecken har angetts, och att texten för de två fälten överensstämmer.

1. Skapa ett nytt Flash-dokument (ActionScript 3.0).

2. Dra en Label-komponent från panelen Komponenter till scenen och ge den följande värden i egenskapsinspektören:

   • Ange förekomstnamnet pwdLabel .

   • Ange värdet 100 för W.

   • Ange värdet 50 för X.

   • Ange värdet 150 för Y.

   • I avsnittet Parametrar anger du värdet Lösenord: för textparametern.

3. Dra ytterligare en Label-komponent från panelen Komponenter till scenen och ge den följande värden:

   • Ange förekomstnamnet confirmLabel .

   • Ange värdet 100 för W.

   • Ange värdet 50 för X.

   • Ange värdet 200 för Y.

   • I avsnittet Parametrar anger du värdet Bekräfta lösenordet: för textparametern.

4. Dra ytterligare en TextInput-komponent från panelen Komponenter till scenen och ge den följande värden:

   • Ange förekomstnamnet pwdTi .

   • Ange värdet 150 för W.

   • Ange värdet 190 för X.

   • Ange värdet 150 för Y.

   • I avsnittet Parametrar dubbelklickar du på värdet för parametern displayAsPassword och väljer true . Då maskeras värdet som anges i textfältet med asterisker.

5. Dra ytterligare en TextInput-komponent från panelen Komponenter till scenen och ge den följande värden:

   • Ange förekomstnamnet confirmTi .

   • Ange värdet 150 för W.

   • Ange värdet 190 för X.

   • Ange värdet 200 för Y.

   • I avsnittet Parametrar dubbelklickar du på värdet för parametern displayA s Password och väljer true . Då maskeras värdet som anges i textfältet med asterisker.

6. Öppna åtgärdspanelen, markera bildruta 1 i huvudtidslinjen och ange följande ActionScript-kod:

   function tiListener(evt_obj:Event){ 
   if(confirmTi.text != pwdTi.text || confirmTi.length < 8) 
   { 
           trace("Password is incorrect. Please reenter it."); 
   }  
   else { 
           trace("Your password is: " + confirmTi.text); 
   } 
   } 
   confirmTi.addEventListener("enter", tiListener);

   Den här koden ställer in en enter -händelsehanterare för TextInput-förekomsten med namnet confirmTi . Om de två lösenorden inte överensstämmer med varandra, eller om användaren skriver färre än åtta tecken visas följande felmeddelande: ”Fel lösenord. Ange lösenordet igen." Om lösenorden är åtta eller fler tecken långa och de överensstämmer, visas värdet som angavs i utdatapanelen.

7. Välj Kontroll > Testa filmen.