Для создания приложения на Java нам понадобится уже знакомый вариант Eclipse для Java, который был использован в первых двух модулях поJava. Вспомним,чтобы использовать Eclipseдля Java, понадобится установленный JDK- пакет разработчика Java. На момент создания данного методического пособия официальный сайт находился по адресу: http://www.oracle.com (оригинальная версия была получена по этому адресу).
Установка пакета разработчика Javaпроизводится стандартным способом.
Вариант Eclipse, который был использован при изучении Java,для создания игры "Новогодний дождь",приложений "Графический редактор", "Калькулятор" и других- называется: JavaStandard Editionили сокращенно: JavaSE. На момент создания данного методического пособия официальный сайт находился по адресу: http://www.eclipse.org (оригинальная версия среды Eclipse дляJavaSE ирусификаторбыли получены по этому адресу).
Установка Eclipseдля JavaSEпроизводится стандартным способом.
Запустим Eclipseдля JavaSE.
Создадим новый проект:Файл, Создать, Проект Java (см.рис. 4.1).
Рис. 4.1
Введем имя проекта:puh и нажмем кнопку Готово (см. рис.4.2):
Рис. 4.2
Выбираем проект puh в списке проектов,выделяем заголовок проекта (см. рис. 4.3):
Рис. 4.3
Нажимаем правую клавишу мыши для открытия меню, выбираем:
Создать, Прочие… (см.рис. 4.4):
Рис. 4.4
Добавим форму для визуальной разработки.
В появившемся окне выбираем: WindowBuilder, Swing Designer, JFrame (см. рис. 4.5):
Рис. 4.5
Нажимаем кнопку Далее и введем имяprog (см. рис. 4.6):
Рис. 4.6
Нажмем на кнопку Готово - появится знакомый интерфейс для визуальной разработки. Теперь создадим интерфейс приложения. На нашем сайте будут представлены продукты пчеловодства, всего их будет десять.
Список будет фиксированным.Давайте перечислим эти десять продуктов:
1. Мед
2. Прополис
3. Воск пчелиный
4. Цветочная пыльца
5. Перга
6. Маточное молочко
7. Трутневое молочко
8. Пчелиный яд
9. Пчелиная огневка
10. Пчелиный подмор.
Можно придумать свою продукцию с теми названиями, которые больше нравятся.
Перейдем в визуальный редактор и включим возможность произвольного размещения элементов формы.Для этого нажмем левой клавишей мыши на панель JPanel внутри окна, при этом панель должна выделиться рамкой (см. рис.4.7):
Рис. 4.7
Далее в свойствах дляLayout указываем значение: Absolute layout (см. рис.4.8):
Рис. 4.8
Изменим заголовок окна на: Поступление товаров (см. рис. 4.9):
Рис. 4.9
Для удобного отображения списка товаров и их количества воспользуемся элементом формы: JTable (таблица). Добавим таблицу на панель (см. рис.4.10):
Рис. 4.10
Обратите внимание, что после добавления таблицы на панель –появится черный квадратик (см. рис. 4.11):
Рис. 4.11
Этот квадрат нужно растянуть мышью, чтобы увеличить размеры таблицы (см. рис. 4.12):
Рис. 4.12
Если нажать на элемент в общем списке, то он становится выбранным(текущим) элементом. Выберем таблицу (см. рис. 4.13):
Рис. 4.13
Список свойств всегда отображается для выбранного элемента формы!
Найдем свойство model для таблицы и откроем его. При помощи этого свойства можно создать строки и колонки таблицы, а также записать значения в ячейки таблицы. При открытии свойства – появится новое окно.С помощью этого окна мы создадим строки и колонки таблицы. В нашей таблице будет четыре колонки и десять строк. Начнем с колонок: нажмем четыре раза кнопку Insert в разделе Columns (см. рис. 4.14):
Рис. 4.14
Далее добавим строки:нажмем десять раз кнопку Insertв разделе Rows.
В итоге должна получиться таблица из четырех колонок и десяти строк.
Двойной щелчок левой клавишей мыши позволяет ввести текст в ячейку. В первую колонку необходимо ввести номера товаров от 1 до 10, а во вторую колонку наименование товара. Заполните таблицу наименованиями продукции.
При выборе ячейки в колонке –внизу отображаются ее свойства (см. рис. 4.15):
Рис. 4.15
В поле:
· Title - указывается название колонки;
· галочка editable - включает/отключает возможность редактирования ячеек колонки пользователем;
· галочка resizable - включает/отключает возможность изменения ширины колонки пользователем (см. рис. тот же).
Зададим названия колонок: №, Наименование товара, Остаток на складе, Количество поступления. Запретим пользователю редактирование первых трех колонок при помощи свойства editable, но оставим возможность редактирования четвертой колонки (Количество поступления). Запретим пользователю изменение размеров колонок при помощи свойства resizable; сделаем ширину колонок удобной для восприятия. Должно получится примерно следующее (см. рис. 4.16):
Рис. 4.16
Примечание: ширину колонок можно менять настройкой Pref.Width (см. рис.4.17):
Рис. 4.17
После выполнения всех настроек –нажимаем кнопку OK.
Теперь в окне слева, там,где находится список элементов формы,выделим нашу таблицу и нажмем правую клавишу мыши для открытия контекстного меню, в котором выбираем команду Surround with, JscrollPane.
JScrollPane –это полосы прокрутки по горизонтали и вертикали. Эти полосы автоматически появляются, если содержимое элемента формы не помещается в его пределах. Теперь таблица получилась вложенной в полосы прокрутки (см. рис. 4.18):
Рис. 4.18
После вложения таблицы в полосы прокрутки должны появиться наименования колонок (см.рис. 4.19):
Рис. 4.19
Щелкнем левой клавшей мыши внутрь таблицы и перейдем в свойствоforeground (см. рис. 4.20):
Рис. 4.20
Изменим цвет текста ячеек таблицы на синий и поместим таблицу в угол формы, изменим ее размеры и размеры линий прокрутки так, чтобы таблица полностью помещалась без линий прокрутки.
Обратите внимание, что при нажатии левой кнопкой мыши на заголовок колонок - выделяется фрагмент с линиями прокрутки, а при нажатии внутрь таблицы – сама таблица! Выберем таблицу и в свойствеVariableукажемtableTovar (это имя переменной, через которое мы будем обращаться к таблице из программного кода).
Осталось добавить кнопку для завершения создания интерфейса.Выбираем JButton и добавляем элемент ниже, под таблицей.Укажем название кнопки - Выполнить, цвет текста- зеленый,размер шрифта - 17, имя переменной buttonOK (см. рис. 4.21):
Рис. 4.21
Изменим размеры формы(по вашему усмотрению) так, чтобы она смотрелась удобной. Окончательный вариант будет примерно следующим (см.рис. 4.22):
Рис. 4.22
Чтобы пользователь не мог изменять размеры окна, нажмем на заголовок окна и перейдем в свойства формы,снимем галочку resizable.
На этом проектирование интерфейса приложения - закончено.Запустим приложение и проверим, что получилось.
Проверьте: пользователь должен иметь возможность вводить значения в колонку "Количество поступления", но не иметь возможности редактировать первые три колонки!
В колонку"Количество поступления" будут вводиться данные о количестве поступающего товара. При нажатии на кнопку"Выполнить",данные будут передаваться на сайт. В колонку "Остаток на складе"будут выводиться данные об остатках товара, полученные с сайта.
Учет количества будет вестись в килограммах. В таблицу можно будет вводить только целое число. Но при этом, в последнюю колонку пока можно ввести даже буквы. Исправим это обстоятельство!Выделим таблицу и перейдем в ее свойствоmodel. Выберем четвертую колонку и в свойстве Type установим значение–Integer.
Данная настройка указывает, что в четвертой колонке будут целые числа. При попытке ввода в эту колонку другого типа –ячейка выделяется красной рамкой, и ввод значения блокируется!
Важно!!!При создании интерфейса пользователя важно создать его максимально защищенным от ошибочных действий. Такой интерфейс повышает надежность вашего приложения!
