Аплет FormDemo

Оглавление Компоненты Кнопки Переключатели Списки Choice Списки List Поле Label Поле TextField Поле TextArea Аплет FormDemo

Назад Вперед

В аплете FormDemo мы покажем приемы работы с компонентами, такими как переключатели, кнопки, текстовые поля и списки.

Мы разместили несколько таких компонент в окне этого аплета (рис. 7) таким образом, что они образуют собой форму. В этой форме вы можете ввести имя и фамилию, выбрать один из трех режимов работы, а также цвет.

| Рис. 7. Окно аплета FormDemo Для того чтобы увидеть рисунок в увеличенном виде, сделайте щелчок мышью по изображению

Переключатели First и Second активизируют однострочные текстовые поля редактирования Enter your first name и Enter your second name. После того как пользователь нажмет кнопку Ready, содержимое активных полей, а также состояние переключателей Mode 1, Mode 2 и Mode 3 будет отображено в многострочном поле редактирования. Это поле находится в нижней части окна аплета.

С помощью списка, расположенного справа от переключателя Mode 3, можно задавать цвет фона многострочного поля. Цвет устанавливается сразу после выбора новой строки из этого списка.

К сожалению, при изменении размеров окна аплета находящиеся в нем компоненты изменяют свое расположение. Этот недостаток мы устраним после того, как расскажем вам о системе Layout Manager, с помощью которой вы можете управлять размещением компонент в окне аплета.

### Исходный текст аплета FormDemo

Исходный текст аплета FormDemo вы найдете в листинге 1.

Листинг 1. Файл FormDemo.java

    import java.applet.Applet;
    import java.awt.*;
    import java.util.*;

    public class FormDemo extends Applet
    {
      Button btReady;

      Checkbox chbox1;
      Checkbox chbox2;

      CheckboxGroup grRadio;
      Checkbox rd1;
      Checkbox rd2;
      Checkbox rd3;

      Choice ch1;

      Label lbFirstName;
      Label lbSecondName;

      TextField txtFirstName;
      TextField txtSecondName;
      TextArea  txta;

      public void init()
      {
        chbox1 = new Checkbox("First");
        add(chbox1);

        lbFirstName =
         new Label("Enter your first name:");
        add(lbFirstName);

        txtFirstName = new TextField(" ", 30);
        add(txtFirstName);

        chbox2 = new Checkbox("Second");
        add(chbox2);

        lbSecondName =
          new Label("Enter your second name:");
        add(lbSecondName);

        txtSecondName = new TextField(" ", 30);
        add(txtSecondName);

        grRadio = new CheckboxGroup();
        rd1 = new Checkbox("Mode 1",
          grRadio, true);
        rd2 = new Checkbox("Mode 2",
          grRadio, false);
        rd3 = new Checkbox("Mode 3",
          grRadio, false);

        add(rd1);
        add(rd2);
        add(rd3);

        ch1 = new Choice();
        ch1.addItem("White");
        ch1.addItem("Green");
        ch1.addItem("Yellow");

        add(ch1);

        setBackground(Color.yellow);

        lbFirstName.setBackground(Color.yellow);
        lbSecondName.setBackground(Color.yellow);

        rd1.setBackground(Color.yellow);
        rd2.setBackground(Color.yellow);
        rd3.setBackground(Color.yellow);

        chbox1.setBackground(Color.yellow);
        chbox2.setBackground(Color.yellow);

        txta = new TextArea("", 6, 45);
        add(txta);
        txta.setBackground(Color.white);

        btReady = new Button("Ready");
        add(btReady);
      }

      public String getAppletInfo()
      {
        return "Name: FormDemo";
      }

      public void paint(Graphics g)
      {
        Dimension dimAppWndDimension =
          getSize();

        g.setColor(Color.black);
        g.drawRect(0, 0,
          dimAppWndDimension.width  - 1,
          dimAppWndDimension.height - 1);
      }

      public boolean action(Event evt,
        Object obj)
      {
        Button btn;
        String str1, str2;

        if(evt.target instanceof Button)
        {
          if(evt.target.equals(btReady))
          {
            btn = (Button)evt.target;

    	str1 = txtFirstName.getText();
    	str2 = txtSecondName.getText();

    	if(chbox1.getState())
    	  txta.append(str1);

    	if(chbox2.getState())
    	  txta.append(str2);

    	if(rd1.getState())
    	  txta.append("\nMode 1\n");

    	if(rd2.getState())
    	  txta.append("\nMode 2\n");

    	if(rd3.getState())
    	  txta.append("\nMode 3\n");
          }
          else
          {
    	return false;
          }
          return true;
        }
        else if(evt.target instanceof Choice)
        {
          if(evt.target.equals(ch1))
          {
    	if(ch1.getSelectedIndex() == 0)
    	  txta.setBackground(Color.white);

    	if(ch1.getSelectedIndex() == 1)
    	  txta.setBackground(Color.green);

    	if(ch1.getSelectedIndex() == 2)
    	  txta.setBackground(Color.yellow);
          }
        }
        return false;
      }
    }

В листинге 2 мы привели исходный текст документа HTML, созданный для нашего аплета системой Java WorkShop.

Листинг 2. Файл FormDemo.tmp.html

    <applet
      name="FormDemo"
      code="FormDemo"
      codebase=
    "file:/e:/sun/articles/vol6/src/FormDemo"
      width="500"
      height="600"
      align="Top"
      alt="If you had a java-enabled browser,
     you would see an applet here.">
      <hr>If your browser
    recognized the applet tag,
    you would see an applet here.<hr>
    </applet>

### Описание исходного текста

Приведем краткое описание полей и методов, определенных в аплете FormDemo.

#### Поля главного класса

В главном классе нашего аплета мы определили несколько полей.

Поле btReady хранит ссылку на кнопку с надписью Ready:

    Button btReady;

В полях chbox1 и chbox2 записаны ссылки на переключатели с независимой фиксацией, которые используются для активизации однострочных текстовых полей:

    Checkbox chbox1;
    Checkbox chbox2;

Поле grRadio хранит ссылку на группу переключателей с зависимой фиксацией, определяющих режимы работы Mode 1, Mode 2 и Mode 3:

    CheckboxGroup grRadio;

Ссылки на эти переключатели находятся в следующих трех полях:

    Checkbox rd1;
    Checkbox rd2;
    Checkbox rd3;

В поле ch1 хранится ссылка на список, предназначенный для выбора цвета:

    Choice ch1;

Слева от однострочных полей редактирования в нашем окне имеются подписи, реализованные как объекты класса Label. Ссылки на эти объекты находятся в полях lbFirstName и lbSecondName:

    Label lbFirstName;
    Label lbSecondName;

Ссылки на однострочные поля редактирования записаны в поля с именами txtFirstName и txtSecondName:

    TextField txtFirstName;
    TextField txtSecondName;

И, наконец, ссылка на многострочное текстовое поле хранится в поле с именем txta:

    TextArea  txta;

#### Метод init

Метод init занимается созданием компонент и добавлением их в окно алпета. Кроме того, этот метод изменяет цвет фона окна аплета и окон добавляемых компонент.

Прежде всего метод init создает два переключателя с независимой фиксацией, два объекта класса Label и два однострочных поля редактирования текста:

    chbox1 = new Checkbox("First");
    add(chbox1);

    lbFirstName =
       new Label("Enter your first name:");
    add(lbFirstName);

    txtFirstName = new TextField(" ", 30);
    add(txtFirstName);

    chbox2 = new Checkbox("Second");
    add(chbox2);

    lbSecondName =
      new Label("Enter your second name:");
    add(lbSecondName);

    txtSecondName = new TextField(" ", 30);
    add(txtSecondName);

Поля создаются при помощи конструкторов, а добавляются в окно аплета методом add. Согласно схемы расположения компонент, установленой по умолчанию, добавляемые компоненты размещаются сверху вниз и слева направо.

Для группы переключателей с зависимой фиксацией мы создаем объект класса CheckboxGroup:

    grRadio = new CheckboxGroup();

Ссылка на этот объект затем передается в качестве второго параметра конструкторам, создающим переключатели:

    rd1 = new Checkbox("Mode 1",
        grRadio, true);
    rd2 = new Checkbox("Mode 2",
        grRadio, false);
    rd3 = new Checkbox("Mode 3",
        grRadio, false);

Переключатели добавляются в окно аплета при помощи метода add:

    add(rd1);
    add(rd2);
    add(rd3);

Список цветов создается как объект класса Choice:

    ch1 = new Choice();

После создания списка мы добавляем в него три элемента, вызывая для этого метод addItem:

    ch1.addItem("White");
    ch1.addItem("Green");
    ch1.addItem("Yellow");

Вслед за этим мы добавляем сформированный список в окно аплета:

    add(ch1);

Для установки цвета фона мы вызываем метод setBackground без указания объекта:

    setBackground(Color.yellow);

В этом случае метод вызывается для текущего объекта, то есть для нашего аплета. Чтобы установить цвет фона в окнах компонент, мы вызываем метод setBackground для соответствующих объектов, как это показано ниже:

    lbFirstName.setBackground(Color.yellow);
    lbSecondName.setBackground(Color.yellow);

    rd1.setBackground(Color.yellow);
    rd2.setBackground(Color.yellow);
    rd3.setBackground(Color.yellow);

    chbox1.setBackground(Color.yellow);
    chbox2.setBackground(Color.yellow);

Многострочное текстовое поле создается как объект класса TextArea. В нем 6 строк и 45 столбцов:

    txta = new TextArea("", 6, 45);
    add(txta);

Первоначальный цвет фона многострочного текстового поля устанавливается тем же способом, чтомы использовали для других компонент:

    txta.setBackground(Color.white);

Этот цвет в дальнейшем будет изменяться обработчиком событий, создаваемых списком цветов.

И, наконец, последнее что делает метод init перед тем как вернуть управление, - создает кнопку с надписью Ready и добавляет ее в окно аплета:

    btReady = new Button("Ready");
    add(btReady);

#### Метод action

В методе action мы определили рабочие поля btn, str1 и str2:

    Button btn;
    String str1, str2;

В начале своей работы метод action определяет, какой компонент вызвал событие. Для этого анализируется поле evt.target:

    if(evt.target instanceof Button)
    {
      . . .
      return true;
    }
    else if(evt.target instanceof Choice)
    {
      . . .
      return true;
    }
    return false;

Наш метод action обрабатывает события, вызываемые объектами классов Button и Choice. Если событие вызвано компонентом, относящимся к какому-либо другому классу, метод возвращает значение false. Этим он сигнализирует, что обработка события не выполнялась.

В случае успешной обработки события метод action возвращает значение true.

Если событие вызвано кнопкой, наш метод action проверяет, какой именно. Обработка выполняется только в том случае, если через поле evt.target передается ссылка на кнопку btReady:

    if(evt.target.equals(btReady))
    {
      . . .
    }
    else
    {
      return false;
    }
      return true;

В противном случае метод action возвращает значение false, отказываясь от обработки события.

Что делает обработчик события, создаваемого кнопкой?

Прежде всего, он сохраняет ссылку на кнопку в рабочей переменной (просто для того чтобы показать, как это делается):

    btn = (Button)evt.target;

Далее наш обработчик события извлекает текстовые строки из однострочных текстовых полей, вызывая для этого метод getText. Эти строки записываются в рабочие переменные str1 и str2:

    str1 = txtFirstName.getText();
    str2 = txtSecondName.getText();

Затемметод action проверяет состояние переключателей с независимой фиксацией chbox1 и chbox2. Если они включены, содержимое соответствующих временных переменных добавляется в многострочное текстовое поле txta:

    if(chbox1.getState())
       txta.append(str1);

    if(chbox2.getState())
       txta.append(str2);

Для добавления мы вызываем метод append.

Аналогичным образом преверяется состояние переключателей с зависимой фиксацией:

    if(rd1.getState())
      txta.append("\nMode 1\n");

    if(rd2.getState())
      txta.append("\nMode 2\n");

    if(rd3.getState())
      txta.append("\nMode 3\n");

Если событие вызвано списокм цветов ch1, то метод action определяет, какая строка списка стала выделенной и устанавливает в многострочном поле редактирования соответствующий цвет фона. Для определения выделенной строки применяется метод getSelectedIndex:

    if(evt.target.equals(ch1))
    {
      if(ch1.getSelectedIndex() == 0)
        txta.setBackground(Color.white);

      if(ch1.getSelectedIndex() == 1)
        txta.setBackground(Color.green);

      if(ch1.getSelectedIndex() == 2)
        txta.setBackground(Color.yellow);
    }

Работу остальных методов приложения FormDemo вы сможете разобрать самостоятельно.

Назад Вперед