Label コンポーネントの使用

Label コンポーネントは、単一行のテキストを表示し、通常は Web ページ上で他のエレメントやアクティビティの識別情報を示すために使用します。ラベルを HTML でフォーマットするように設定すると、そのテキストでフォーマットタグを利用できます。 また、ラベルの行揃えやサイズも制御できます。 Label コンポーネントには境界線がなく、フォーカスを受け取らず、イベントもブロードキャストしません。

ライブプレビューでは、オーサリング時にプロパティインスペクターまたはコンポーネントインスペクターで各 Label インスタンスのパラメーターに加えた変更が反映されます。 Label には境界線がないので、ライブプレビューを確認するには text パラメーターを設定する必要があります。

Label コンポーネントのユーザー操作

Label コンポーネントは、フォーム内の別のコンポーネントにテキストラベルを作成する場合に使用します(ユーザーの名前を受け取る TextInput フィールドの左側に「名前 :」というラベルを作成する場合など)。スタイルを使用して一貫性のある外観と操作性を保つことができるので、プレーンテキストフィールドではなく Label コンポーネントを使用することをお勧めします。

Label コンポーネントを回転する場合は、フォントを埋め込む必要があります。そうしないと、ムービープレビュー時にテキストが表示されません。

Label コンポーネントのパラメーター

プロパティインスペクターまたはコンポーネントインスペクターで Label コンポーネントの各インスタンスに設定できるオーサリングパラメーターは、 autoSize condenseWhite selectable text および wordWrap です。これらの各パラメーターには、対応する同名の ActionScript プロパティがあります。これらのパラメーターに設定できる値については、「 Adobe Flash Professional CS5 用 ActionScript 3.0 リファレンスガイド 」の Label クラスを参照してください。

Label コンポーネントを使用したアプリケーションの作成

次の手順は、オーサリング時に Label コンポーネントをアプリケーションに追加する方法を示しています。 この例では、単に「有効期限」というテキストをラベルで表示します。

  1. 新しい Flash (ActionScript 3.0) ドキュメントを作成します。

  2. Label コンポーネントをコンポーネントパネルからステージにドラッグし、プロパティインスペクターで次の値を設定します。

    • インスタンス名として aLabel と入力します。

    • W 値として 80 と入力します。

    • X 値として 100 と入力します。

    • Y 値として 100 と入力します。

    • text パラメーターとして 有効期限 と入力します。

  3. TextArea コンポーネントをステージにドラッグし、プロパティインスペクターで次の値を設定します。

    • インスタンス名として aTa と入力します。

    • H 値として 22 と入力します。

    • X 値として 200 と入力します。

    • Y 値として 100 と入力します。

  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. 制御/ムービープレビューを選択します。