Anpassa komponenten TextArea

Stilar och komponenten TextArea
Använda skal med komponenten TextArea

Du kan omforma en TextArea-komponent vågrätt och lodrätt under utvecklingen och vid körning. Under utvecklingen markerar du komponenten på scenen och använder verktyget Omforma fritt eller något av kommandona på menyn Ändra > Omforma. Vid körning använder du metoden setSize() eller tillämpliga egenskaper i TextArea-klassen, till exempel height , width , scaleX och scaleY .

När du ändrar storlek på en TextArea-komponent, storleksändras kantlinjen till den nya begränsningsramen. Rullningslister placeras längs nederkanten och högerkanten om de behövs. Sedan ändras textområdets storlek inuti det återstående området. Det finns inga element med en fast storlek i en TextArea-komponent. Om TextArea-komponentens bredd är för smal för att visa textens storlek beskärs texten.

Stilar och komponenten TextArea

TextArea-komponentens stilar anger värden för skalen, utfyllningen och textformatet när komponenten ritas. Stilarna texFormat och disabledTextFormat styr stilen på texten som TextArea visar. Mer information om egenskaper för skalstilar finns i Använda skal med komponenten TextArea .

Följande exempel ställer in stilen disabledTextFormat så att den ändrar utseendet på texten när TextArea inaktiveras, men samma process används för att ställa in stilen textFormat för en aktiverad TextArea.

Skapa en ny Flash-fil.
Dra en TextArea-komponent till scenen och ge den förekomstnamnet myTa .

Lägg till följande kod i åtgärdspanelen i bildruta 1 på huvudtidslinjen.

var tf:TextFormat = new TextFormat(); 
tf.color = 0xCC99FF; 
tf.font = "Arial Narrow"; 
tf.size = 24; 
myTa.setStyle("disabledTextFormat", tf); 
myTa.text = "Hello World"; 
myTa.setSize(120, 50); 
myTa.move(200, 50); 
myTa.enabled = false;

Välj Kontroll > Testa filmen.

Använda skal med komponenten TextArea

Komponenten TextArea har följande skal som du kan redigera för att ändra komponentens utseende.

TextArea-skal

Obs! Om du ändrar ScrollBar-skalet i en komponent ändras skalet för alla andra komponenter som använder ScrollBar.

Följande procedur ändrar kantlinjefärgerna för Focus Rect-skalet, som visas när TextArea har fokus, samt Normal-skalet.

Skapa en ny Flash-fil.
Dra en TextArea-komponent till scenen och dubbelklicka på den för att öppna dess panel med skalikoner.
Dubbelklicka på Focus Rect-skalet.
Klicka på Focus Rect-skalets kantlinje för att markera det. När det är markerat visas dess aktuella färg i fyllningsfärgväljaren i egenskapsinspektören.
Klicka på fyllningsfärgväljaren i egenskapsinpspektören för att öppna den, och välj färgen #CC0000 för att använda den på kantlinjen.
Klicka på knappen Tillbaka till vänster om redigeringsfältet ovanför scenen för att återgå till dokumentredigeringsläge.
Dubbelklicka på TextArea-komponenten för att öppna dess panel med skalikoner.
Dubbelklicka på Normal-skalet.
Markera alla sidor i Normal-skalets kantlinje, en i taget, och ställ in färgen #990099 för dem.
Klicka på knappen Tillbaka till vänster om redigeringsfältet ovanför scenen för att återgå till dokumentredigeringsläge.
Välj Kontroll > Testa filmen.

När du markerar TextArea för att börja ange text ska kantlinjen visas på samma sätt som på följande bild:

Den yttre kantlinjen är Focus Rect-skalet och den inre kantlinjen är Normal-skalets kantlinje.

Information om hur du redigerar UIScrollBar-skalet finns i Anpassa komponenten UIScrollBar .