您可以在編寫期間和執行階段變更 TextInput 實體的大小。在編寫期間,請在「舞台」上選取組件,並且使用「自由變形」工具或任何「修改 > 變形」命令。在執行階段,請使用
setSize()
方法和 TextInput 類別適用的屬性 (如
height
、
width
、
scaleX
和
scaleY
)。
調整 TextInput 組件大小時,邊框會調整為新範圍框的大小。TextInput 組件不使用捲軸,但是插入點會隨著使用者與文字的互動而自動捲動。接下來,文字欄位會在剩下的區域中重新調整大小;TextInput 組件中沒有固定大小的元素。如果 TextInput 組件太小,無法顯示文字,文字將會被裁剪。
樣式和 NumericStepper 組件
繪製 TextInput 組件時,其樣式會指定其外觀元素、邊框間距和文字格式的值。
texFormat
和
disabledTextFormat
樣式會控制在該組件中顯示的文字樣式。如需有關外觀元素樣式屬性的詳細資訊,請參閱
外觀元素和 TextInput 組件
。
下列範例會設定
textFormat
樣式,以便設定在 TextInput 組件中顯示的文字字體、大小和顏色。相同的程序會套用到停用該組件時,所套用之
disabledTextFormat
樣式的設定作業。
-
建立新的 Flash 文件 (ActionScript 3.0)。
-
將 TextInput 組件拖曳到「舞台」,並且為它指定實體名稱為
myTi
。
-
在主要「時間軸」之「影格 1」的「動作」面板中,加入下列程式碼。
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);
-
選取「控制 > 測試影片」。
外觀元素和 TextInput 組件
TextInput 組件會使用下列外觀元素,您可以編輯這些外觀元素來變更該組件的外觀。
TextInput 註解
下列程序會變更 TextInput 組件之邊框及背景的顏色:
-
建立新的 Flash 檔案。
-
將 TextInput 組件拖曳到「舞台」,然後按兩下此組件,開啟其外觀元素的面板。
-
按兩下「Normal Skin」。
-
將縮放控制項設定為 800%,將圖示放大以進行編輯。
-
選取「Normal Skin」之邊框的每一邊 (一次一邊),然後將其顏色設定為 #993399 以套用該顏色。
-
按兩下背景,直到其顏色出現在「屬性」檢測器的「填色」顏色挑選器中為止。選取 #99CCCC 並將此顏色套用到背景。
-
按一下「舞台」上方編輯列左側的「後退」按鈕,回到文件編輯模式。
-
選取「控制 > 測試影片」。
TextInput 組件看起來應該如下圖:
|
|
|