使用 Label 組件

此 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」文字而已。

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

  2. 將 Label 組件從「組件」面板拖曳到「舞台」,然後在「屬性」檢測器中為組件指定下列值:

    • 輸入 aLabel 做為實體名稱。

    • 輸入 80 做為 W 值。

    • 輸入 100 做為 X 值。

    • 輸入 100 做為 Y 值。

    • 輸入 Expiration Date 做為 text 參數的值。

  3. 將 TextArea 組件拖曳到「舞台」,然後在「屬性」檢測器中為組件指定下列值:

    • 輸入 aTa 做為實體名稱。

    • 輸入 22 做為 H 值。

    • 輸入 200 做為 X 值。

    • 輸入 100 做為 Y 值。

  4. 開啟「動作」面板,選取主要「時間軸」中的「影格 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); 
    }
  5. 選取「控制 > 測試影片」。

使用 ActionScript 建立 Label 組件實體

下列範例使用 ActionScript 建立 Label 組件,以利用 Label 識別 ColorPicker 組件的功能,並且透過 htmlText 屬性將格式套用到 Label 的文字。

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

  2. 將 Label 組件從「組件」面板拖曳到目前文件的「元件庫」面板。

  3. 將 ColorPicker 組件從「組件」面板拖曳到目前文件的「元件庫」面板。

  4. 開啟「動作」面板,選取主要「時間軸」中的「影格 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;
  5. 選取「控制 > 測試影片」。