Korzystanie ze składnika Label

Składnik Label wyświetla pojedynczy wiersz tekstu — zwykle w celu identyfikowania innych elementów lub operacji na stronie sieci Web. Składnik Label (etykieta) może zostać sformatowany za pomocą znaczników formatujących HTML. Istnieje również możliwość kontrolowania wielkości i układu etykiety. Składniki Label nie mają krawędzi, nie mogą być aktywowane i nie generują żadnych zdarzeń.

Podgląd aktywny każdej instancji Label odzwierciedla zmiany dokonane w parametrach w Inspektorze właściwości oraz Inspektorze składników podczas tworzenia. Etykieta nie ma krawędzi, dlatego jedynym sposobem wyświetlenia jej podglądu aktywnego jest ustawienie jej parametrów tekstu.

Posługiwanie się składnikiem Label

Składnik Label służy do tworzenia etykiety tekstowej dla innego składnika, np. etykieta „Nazwa:” po lewej stronie pola TextInput, do którego można wprowadzić nazwę użytkownika. Składnik Label może być używany zamiast zwykłego pola tekstowego, ponieważ możliwe jest używanie stylów w celu zapewnienia spójnego działania i wyglądu.

Jeśli wymagane jest obrócenie składnika Label, wówczas należy osadzić czcionki; w przeciwnym wypadku nie będą widoczne podczas testowania filmu.

Parametry składnika Label

Dla każdej instancji składnika Label można w Inspektorze właściwości lub w Inspektorze składników ustawić następujące parametry tworzenia treści: autoSize , condenseWhite , selectable , text i wordWrap . Dla każdego z tych parametrów istnieje odpowiednia właściwość ActionScript o takiej samej nazwie. Więcej informacji na temat możliwych wartości tych parametrów zawiera opis klasy Label w Skorowidzu języka ActionScript 3.0 dla programu Flash Professional .

Tworzenie aplikacji ze składnikiem Label

Poniższa procedura wyjaśnia jak podczas tworzenia dodać składnik Label do aplikacji. Przykład przedstawia tworzenie etykiety z tekstem „Data ważności”.

  1. Utwórz nowy dokument Flash (ActionScript 3.0).

  2. Przeciągnij składnik Label z panelu Składniki na stół montażowy i określ dla niego następujące wartości w Inspektorze właściwości:

    • Dla nazwy instancji wprowadź aLabel .

    • Wprowadź 80 dla wartości Sz.

    • Wprowadź 100 dla wartości X.

    • Wprowadź 100 dla wartości Y.

    • Wprowadź Data ważności dla parametru text .

  3. Przeciągnij składnik TextArea z panelu Składniki na stół montażowy i określ dla niego następujące wartości w Inspektorze właściwości:

    • Dla nazwy instancji wprowadź aTa .

    • Wprowadź 22 dla wartości W.

    • Wprowadź 200 dla wartości X.

    • Wprowadź 100 dla wartości Y.

  4. Otwórz panel Operacje, zaznacz klatkę nr 1 na głównej osi czasu i wprowadź następujący kod 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. Wybierz polecenie Sterowanie > Testuj film.

Tworzenie instancji składnika Label przy użyciu kodu ActionScript

W poniższym przykładzie przedstawiono tworzenie parametru Label za pomocą języka ActionScript. Składnik Label służy do identyfikacji funkcji składnika ColorPicker i korzysta z właściwości htmlText w celu zastosowania formatowania do tekstu składnika Label.

  1. Utwórz nowy dokument Flash (ActionScript 3.0).

  2. Przeciągnij składnik Label z panelu Składniki do panelu Biblioteka bieżącego dokumentu.

  3. Przeciągnij składnik ColorPicker z panelu Składniki do panelu Biblioteka bieżącego dokumentu.

  4. Otwórz panel Operacje, zaznacz klatkę nr 1 na głównej osi czasu i wprowadź następujący kod 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. Wybierz polecenie Sterowanie > Testuj film.