自訂 TextInput 組件

您可以在編寫期間和執行階段變更 TextInput 實體的大小。在編寫期間,請在「舞台」上選取組件,並且使用「自由變形」工具或任何「修改 > 變形」命令。在執行階段,請使用 setSize() 方法和 TextInput 類別適用的屬性 (如 height width scaleX scaleY )。

調整 TextInput 組件大小時,邊框會調整為新範圍框的大小。TextInput 組件不使用捲軸,但是插入點會隨著使用者與文字的互動而自動捲動。接下來,文字欄位會在剩下的區域中重新調整大小;TextInput 組件中沒有固定大小的元素。如果 TextInput 組件太小,無法顯示文字,文字將會被裁剪。

樣式和 NumericStepper 組件

繪製 TextInput 組件時,其樣式會指定其外觀元素、邊框間距和文字格式的值。 texFormat disabledTextFormat 樣式會控制在該組件中顯示的文字樣式。如需有關外觀元素樣式屬性的詳細資訊,請參閱 外觀元素和 TextInput 組件

下列範例會設定 textFormat 樣式,以便設定在 TextInput 組件中顯示的文字字體、大小和顏色。相同的程序會套用到停用該組件時,所套用之 disabledTextFormat 樣式的設定作業。

  1. 建立新的 Flash 文件 (ActionScript 3.0)。

  2. 將 TextInput 組件拖曳到「舞台」,並且為它指定實體名稱為 myTi

  3. 在主要「時間軸」之「影格 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);
  4. 選取「控制 > 測試影片」。

外觀元素和 TextInput 組件

TextInput 組件會使用下列外觀元素,您可以編輯這些外觀元素來變更該組件的外觀。

TextInput 註解

下列程序會變更 TextInput 組件之邊框及背景的顏色:

  1. 建立新的 Flash 檔案。

  2. 將 TextInput 組件拖曳到「舞台」,然後按兩下此組件,開啟其外觀元素的面板。

  3. 按兩下「Normal Skin」。

  4. 將縮放控制項設定為 800%,將圖示放大以進行編輯。

  5. 選取「Normal Skin」之邊框的每一邊 (一次一邊),然後將其顏色設定為 #993399 以套用該顏色。

  6. 按兩下背景,直到其顏色出現在「屬性」檢測器的「填色」顏色挑選器中為止。選取 #99CCCC 並將此顏色套用到背景。

  7. 按一下「舞台」上方編輯列左側的「後退」按鈕,回到文件編輯模式。

  8. 選取「控制 > 測試影片」。

    TextInput 組件看起來應該如下圖:

    已變更邊框和背景顏色的 TextInput 組件