此 Label 組件會顯示單行文字,通常用來識別網頁上的其它元素或活動。您可以指定具有 HTML 格式的標籤 (Label),以利用其文字格式化標籤的優點;也可以控制標籤的對齊和大小調整。Label 組件沒有邊框,不能成為焦點,也不能傳送任何事件。
進行編寫時,每個 Label 實體的即時預覽會反映您在「屬性」檢測器或「組件檢測器」中對參數的變更。Label 沒有邊框,所以必須透過設定文字參數才能看到即時預覽。
與 Label 組件的使用者互動
使用 Label 組件可為表單中的另一個組件建立文字標籤。例如,在接受使用者名稱的 TextInput 欄位左邊建立「名稱:」標籤。使用 Label 組件來取代純文字欄位是個不錯的做法,因為您可以利用樣式保持一致的外觀與操作。
如果想要旋轉 Label 組件,就必須內嵌字體;否則在測試影片時,這些字體就不會出現。
Label 組件參數
您可以在「屬性」檢測器或「組件檢測器」中,為每個 Label 組件實體設定下列編寫參數:
autoSize
、
condenseWhite
、
selectable
、
text
和
wordWrap
。這些參數都具有相對應的 ActionScript 同名屬性。如需有關這些參數可能值的詳細資訊,請參閱 Flash Professional 的
ActionScript 3.0 參考
中的 Label 類別。
建立具有 Label 組件的應用程式
下列程序說明如何在編寫時將 Label 組件加入應用程式。在此範例中,標籤只會顯示「Expiration Date」文字而已。
-
建立新的 Flash (ActionScript 3.0) 文件。
-
將 Label 組件從「組件」面板拖曳到「舞台」,然後在「屬性」檢測器中為組件指定下列值:
-
將 TextArea 組件拖曳到「舞台」,然後在「屬性」檢測器中為組件指定下列值:
-
輸入
aTa
做為實體名稱。
-
輸入
22
做為 H 值。
-
輸入
200
做為 X 值。
-
輸入
100
做為 Y 值。
-
開啟「動作」面板,選取主要「時間軸」中的「影格 1」,然後輸入下列 ActionScript 程式碼:
var today:Date = new Date();
var expDate:Date = addDays(today, 14);
aTa.text = expDate.toDateString();
function addDays(date:Date, days:Number):Date {
return addHours(date, days*24);
}
function addHours(date:Date, hrs:Number):Date {
return addMinutes(date, hrs*60);
}
function addMinutes(date:Date, mins:Number):Date {
return addSeconds(date, mins*60);
}
function addSeconds(date:Date, secs:Number):Date {
var mSecs:Number = secs * 1000;
var sum:Number = mSecs + date.getTime();
return new Date(sum);
}
-
選取「控制 > 測試影片」。
使用 ActionScript 建立 Label 組件實體
下列範例使用 ActionScript 建立 Label 組件,以利用 Label 識別 ColorPicker 組件的功能,並且透過
htmlText
屬性將格式套用到 Label 的文字。
-
建立新的 Flash (ActionScript 3.0) 文件。
-
將 Label 組件從「組件」面板拖曳到目前文件的「元件庫」面板。
-
將 ColorPicker 組件從「組件」面板拖曳到目前文件的「元件庫」面板。
-
開啟「動作」面板,選取主要「時間軸」中的「影格 1」,然後輸入下列 ActionScript 程式碼:
import fl.controls.Label;
import fl.controls.ColorPicker;
var aLabel:Label = new Label();
var aCp:ColorPicker = new ColorPicker();
addChild(aLabel);
addChild(aCp);
aLabel.htmlText = '<font face="Arial" color="#FF0000" size="14">Fill:</font>';
aLabel.x = 200;
aLabel.y = 150;
aLabel.width = 25;
aLabel.height = 22;
aCp.x = 230;
aCp.y = 150;
-
選取「控制 > 測試影片」。
|
|
|