Назад Вперед
В аплете 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 вы сможете разобрать самостоятельно. |
