Dostosowywanie składnika RadioButton

Składnik RadioButton można przekształcać w poziomie i w pionie 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żyć metody setSize() .

Obwiednia składnika RadioButton jest niewidoczna i wskazuje także obszar klikania składnika. Jeśli zwiększony zostanie rozmiar składnika, zwiększony zostanie również rozmiar obszaru klikania.

Jeśli obwiednia składnika jest zbyt mała, aby dopasować etykietę składnika, zostanie ona przycięta.

Używanie stylów ze składnikiem RadioButton

Właściwości stylu można ustawić w celu zmiany wyglądu składnika RadioButton. Właściwości stylu składnika RadioButton określają wartości dla jego karnacji, ikon, formatowania tekstu i wypełnienia podczas rysowania składnika. Style składnika RadioButton określają wartości dla jego karnacji i wypełnienia dla warstwy podczas rysowania składnika.

W poniższym przykładzie ze składnika CheckBox pobierany jest styl textFormat , który stosowany jest następnie do składnika RadioButton tak, aby styl ich etykiet był identyczny.

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

  2. Przeciągnij składnik CheckBox na stół montażowy i nadaj instancji nazwę myCh w Inspektorze właściwości.

  3. Przeciągnij składnik RadioButton na stół montażowy i nadaj instancji nazwę myRb w Inspektorze właściwości.

  4. Dodaj poniższy kod do panelu Operacje w klatce 1 na osi czasu. 

    var tf:TextFormat = new TextFormat(); 
tf.color = 0x00FF00; 
tf.font = "Georgia"; 
tf.size = 18; 
myCh.setStyle("textFormat", tf); 
myRb.setStyle("textFormat", myCh.getStyle("textFormat"));

    Kod ten ustawia styl textFormat dla składnika CheckBox, a następnie stosuje go dla składnika RadioButton przez wywołanie w CheckBox metody getStyle() .

  5. Wybierz polecenie Sterowanie > Testuj film.

Karnacje i składnik RadioButton

Składnik RadioButton zawiera poniższe karnacje, które można edytować w celu zmiany jego wyglądu:

Karnacje składnika RadioButton

Jeśli składnik RadioButton jest włączony, ale nie jest zaznaczony, po przesunięciu na niego wskaźnika wyświetlana jest karnacja over. W momencie kliknięcia składnika RadioButton składnik jest aktywowany do wprowadzania i wyświetlana jest jego karnacja selected_down. W momencie zwolnienia przycisku myszy dla składnika RadioButton zostanie wyświetlona karnacja selected_up. Jeśli wskaźnik z wciśniętym przyciskiem myszy zostanie przesunięty poza obszar klikania składnika RadioButton, wyświetlona zostania karnacja up

Jeśli składnik RadioButton jest wyłączony, stan disabled jest wyświetlany niezależnie od działania użytkownika.

W poniższym przykładzie karnacja selected_up, która wskazuje wybrany stan, jest zastępowana.

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

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

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

  4. Kliknij dwukrotnie karnację selected_up, aby ją zaznaczyć i naciśnij klawisz Delete celem jej usunięcia.

  5. Wybierz narzędzie Prostokąt w panelu Narzędzia.

  6. W Inspektorze właściwości ustaw kolor linii na czerwony (#FF0000) i Kolor wypełnienia na czarny (#000000).

  7. Kliknij i przeciągnij wskaźnik, aby narysować prostokąt, zaczynając od krzyżyka, który wskazuje punkt odniesienia symbolu (nazywany także punktem początkowym lub punktem zerowym ).

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

  9. Wybierz polecenie Sterowanie > Testuj film.

  10. Kliknij składnik RadioButton, aby go zaznaczyć.

    Składnik RadioButton w stanie selected powinien zostać wyświetlony podobnie, jak składnik na poniższej ilustracji.