Dostosowywanie składnika TextInput

Rozmiar instancji TextInput można zmieniać podczas tworzenia i w czasie wykonywania. W tym celu podczas tworzenia należy wybrać na stole montażowym składnik i użyć narzędzia Przekształcenie swobodne lub dowolnego z poleceń Modyfikuj > Przekształć. W czasie wykonywania należy używać metody setSize() lub odpowiednich właściwości klasy TextInput takich, jak height , width , scaleX czy scaleY .

Podczas zmiany rozmiaru składnika TextInput rozmiar krawędzi zmieniany jest na wielkość nowej obwiedni. W składniku TextInput nie są używane paski przewijania, ale punkt wstawiania zostanie automatycznie przewinięty, gdy użytkownik rozpocznie pracę z tekstem. Rozmiar pola tekstowego zmieniony zostanie wówczas w istniejącym obszarze; w składniku TextInput nie ma elementów o stałym rozmiarze. Jeśli składnik TextInput jest zbyt mały do wyświetlenia tekstu, zostanie on przycięty.

Style i składnik TextInput

Style składnika TextInput określają wartości dla jego karnacji, wypełnienia oraz formatowania tekstu podczas rysowania składnika. Styl tekstu wyświetlanego w składniku kontrolują style texFormat i disabledTextFormat . Więcej informacji o właściwościach stylu karnacji zawiera sekcja Karnacje i składnik TextInput .

W poniższym przykładzie ustawiany jest styl textFormat w celu ustawienia czcionki, rozmiaru i koloru tekstu dla składnika TextInput. Ten sam proces stosowany jest w celu ustawienia stylu disabledTextFormat , który znajduje zastosowanie dla składnika, gdy jest on wyłączony.

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

  2. Przeciągnij składnik TextInput na stół montażowy i nadaj instancji nazwę myTi .

  3. Dodaj poniższy kod do panelu Operacje w klatce nr 1 na głównej osi czasu.

    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. Wybierz polecenie Sterowanie > Testuj film.

Karnacje i składnik TextInput

Składnik TextInput używa poniższych karnacji, które można edytować w celu zmiany jego wyglądu:

Napis składnika TextInput

Poniższa procedura powoduje zmianę koloru krawędzi i tła składnika TextInput:

  1. Utwórz nowy plik Flash.

  2. Przeciągnij składnik TextInput na stół montażowy i kliknij go dwukrotnie, aby otworzyć panel karnacji.

  3. Kliknij dwukrotnie karnację Normal.

  4. Ustaw element sterujący powiększenia na wartość 800%, aby powiększyć ikonę do edycji.

  5. Zaznacz osobno każdą z krawędzi obramowania karnacji Normal i ustaw jej kolor na #993399 w celu zastosowania.

  6. Klikaj dwukrotnie tło do momentu pojawienia się jego koloru w wybieraku Koloru wypełnienia w Inspektorze właściwości. Wybierz kolor #99CCCC w celu zastosowania go do tła.

  7. Kliknij przycisk Wstecz po lewej stronie paska edycji nad stołem montażowym, aby powrócić do trybu edycji dokumentu.

  8. Wybierz polecenie Sterowanie > Testuj film.

    Składnik TextInput powinien zostać wyświetlony tak, jak zostało to przedstawione na poniższej ilustracji:

    Składnik TextInput ze zmienionym kolorem krawędzi i tła.