|
U kunt het formaat van een instantie TextInput wijzigen tijdens het ontwerpen en bij uitvoering. Selecteer tijdens het ontwerpen de component in het werkgebied en gebruik het gereedschap Vrije transformatie of een van de opdrachten Wijzigen > Transformeren. Bij uitvoering kunt u de methode
setSize()
of de toepasbare eigenschappen van de klasse TextInput gebruiken, zoals
height
,
width
,
scaleX
en
scaleY
.
Wanneer de grootte van een component TextInput wordt aangepast, wordt de randgrootte aangepast aan het nieuwe selectiekader. De component TextInput gebruikt geen schuifbalken, maar het invoegpunt schuift automatisch terwijl de gebruiker met de tekst ‘communiceert’. De grootte van het tekstveld wordt vervolgens aangepast binnen het resterende gebied. De component TextInput bevat geen elementen met een vaste grootte. Wanneer de component TextInput te klein is om de tekst weer te geven, wordt de tekst geknipt.
Stijlen en de component TextInput
Met de stijlen van de component TextInput worden waarden voor skins, opvulling en tekstopmaak opgegeven wanneer de component wordt getekend. De stijlen
texFormat
en
disabledTextFormat
zijn van toepassing op de stijl van de tekst die in de component wordt weergegeven. Zie
Skins en de component TextInput
voor meer informatie over de stijleigenschappen van skins.
In het volgende voorbeeld word de stijl
textFormat
ingesteld om het lettertype, het formaat en de kleur van de tekst in te stellen die in de component TextInput wordt weergegeven. Hetzelfde proces is van toepassing op het instellen van de stijl
disabledTextFormat
die wordt toegepast als de component is uitgeschakeld.
-
Maak een nieuw Flash-document (ActionScript 3.0).
-
Sleep een component TextInput naar het werkgebied en geef deze de instantienaam
myTi
.
-
Voeg de volgende code toe aan het deelvenster Handelingen in frame 1 van de hoofdtijdlijn.
var tf:TextFormat = new TextFormat();
tf.color = 0x0000FF;
tf.font = "Verdana";
tf.size = 30;
tf.align = "center";
tf.italic = true;
myTi.setStyle("textFormat", tf);
myTi.text = "Enter your text here";
myTi.setSize(350, 50);
myTi.move(100, 50);
-
Selecteer Besturing > Film testen.
Skins en de component TextInput
De component TextInput gebruikt de volgende skins, die u kunt bewerken om het uiterlijk te wijzigen.
Bijschrift van TextInput
De volgende procedure wijzigt de rand- en achtergrondkleuren van een component TextInput:
-
Maak een nieuw Flash-bestand.
-
Sleep een component TextInput naar het werkgebied en dubbelklik erop om het deelvenster met skins te openen.
-
Dubbelklik op de skin Up.
-
Stel het zoombesturingselement op 800% in om het pictogram te vergroten voor bewerken.
-
Selecteer met één tegelijk iedere kant van de rand van de skin Normal en stel de kleur in op #993399 om dit toe te passen.
-
Dubbelklik op de achtergrond tot de kleur ervan in de vulkleurkiezer in Eigenschapcontrole wordt weergegeven. Selecteer de kleur #99CCCC om deze toe te passen op de achtergrond.
-
Klik op de knop Terug links van de bewerkbalk boven in het werkgebied om terug te gaan naar de documentbewerkmodus.
-
Selecteer Besturing > Film testen.
De component TextArea ziet er nu uit zoals op de onderstaande afbeelding:
|
|
|
