Презентация Лекция 14. Графический интерфейс пользователя онлайн
На нашем сайте вы можете скачать и просмотреть онлайн доклад-презентацию на тему Лекция 14. Графический интерфейс пользователя абсолютно бесплатно. Урок-презентация на эту тему содержит всего 55 слайдов. Все материалы созданы в программе PowerPoint и имеют формат ppt или же pptx. Материалы и темы для презентаций взяты из открытых источников и загружены их авторами, за качество и достоверность информации в них администрация сайта не отвечает, все права принадлежат их создателям. Если вы нашли то, что искали, отблагодарите авторов - поделитесь ссылкой в социальных сетях, а наш сайт добавьте в закладки.
Оцените презентацию от 1 до 5 баллов!
- Тип файла:ppt / pptx (powerpoint)
- Всего слайдов:55 слайдов
- Для класса:1,2,3,4,5,6,7,8,9,10,11
- Размер файла:1.40 MB
- Просмотров:85
- Скачиваний:0
- Автор:неизвестен
Слайды и текст к этой презентации:
№1 слайд
Содержание слайда: Лекция 14. Графический интерфейс пользователя
№2 слайд
Содержание слайда: Графические библиотеки
AWT – платформозависимая, java.awt.*
Swing – платформонезависимая, java.swing.*
SWT – платформозависимая
№3 слайд
Содержание слайда: Пользовательский интерфейс
Java имеет стандартные пакеты для создания интерфейсов пользователя (Graphical User Interfaces).
Основные компоненты интерфейса:
№4 слайд
Содержание слайда: AWT (Abstract Window Toolkit)
Присутствует во всех реализациях Java
Описанный в большинстве Java учебников
Адекватная для многих приложений
Использует элементы управления, определенные ОС
Трудно построить понятный интерфейс
№5 слайд
Содержание слайда: Swing
Схожа с AWT
Не работает в ранних версиях Java реализаций (Java 1.1 и выше)
Намного больше элементов более гибких управления
Некоторые элементы управления являются гораздо более сложными
Гораздо проще построить понятный интерфейс
№6 слайд
Содержание слайда: Swing vs. AWT
Пакет Swing больший, работает медленнее, и сложнее, чем AWT
Swing является более гибким и его элементы лучше выглядят
Swing vs. AWT несовместимы - нужно использовать любой один пакет
Изучение AWT является хорошим началом для Swing
Многие из наиболее распространенных элементов управления похожи
№7 слайд
Содержание слайда: Иерархия классов основных графических компонентов
№8 слайд
Содержание слайда: Тяжело- и легковесные компоненты
Тяжеловесные (heavyweight) компоненты
Отрисовываются операционной системой
Большинство AWT-компонент
Легковесные (ligntweight) компоненты
Отрисовываются java-кодом
Все Swing-компоненты, кроме окон верхнего уровня
Тяжеловесные компоненты всегда отрисовываются поверх легковесных
№9 слайд
Содержание слайда: Java GUI API
№10 слайд
Содержание слайда: Java GUI API
№11 слайд
Содержание слайда: Окна верхнего уровня
Классы Container – это GUI-компоненты, которые используются как контейнеры для других GUI-компонентов
Swing: Component, Container, JFrame, JDialog, JApplet, Jpanel
JFrame - окно, не содержащее внешних окон
JDialog - временное всплывающее окно или сообщение
JApplet – апплет
JPanel - контейнер, содержащий UI-компонеты или графические элементы
Layout manager используется для позиционирования компонентов
№12 слайд
Содержание слайда: Контейнеры
Части интерфейса пользователя, содержащие другие компоненты
JPanel – панель
JFrame – окно приложения
JDialog – диалоговое окно
JSrollPane – область с полосой прокрутки
add(Component component) — добавляет в контейнер элемент component;
remove(Component component) — удаляет из контейнера элемент component;
removeAll() — удаляет все элементы контейнера;
getComponentCount() — возвращает число элементов контейнера.
№13 слайд
Содержание слайда: Layout Manager
№14 слайд
Содержание слайда: Пример
№15 слайд
Содержание слайда: Combinations
№16 слайд
Содержание слайда: null layout
JFrame f = new JFrame(“title”);
JPanel p = new JPanel( );
JButton b = new JButton(“press me”);
b.setBounds(new Rectangle(10,10, 100,50));
p.setLayout(null); // x,y layout
p.add(b);
f.setContentPane(p);
№17 слайд
Содержание слайда: FlowLayout
JFrame f = new JFrame(“title”);
JPanel p = new JPanel( );
FlowLayout L = new FlowLayout( );
JButton b1 = new JButton(“press me”);
JButton b2 = new JButton(“then me”);
p.setLayout(L);
p.add(b1);
p.add(b2);
f.setContentPane(p);
№18 слайд
Содержание слайда: Окна приложения
Класс JFrame
Конструкторы
JFrame(title)
Свойства
title – заголовок
jMenuBar – меню
iconImage – иконка окна
№19 слайд
Содержание слайда: Закрытие окна
Метод
setDefaultCloseOperation(operation) – установить действие при закрытии окна
DO_NOTHING_ON_CLOSE
HIDE_ON_CLOSE
DISPOSE_ON_CLOSE
EXIT_ON_CLOSE (JFrame)
№20 слайд
Содержание слайда: Стандартные диалоги
Класс JOptionPane
Методы
showConfirmDialog(…) – да/нет/отмена
showInputDialog(…) – ввод текста
showMessageDialog(…) – информация
showOptionDialog(…) – выбор из списка
Параметры
parentComponent – родительская компонента
message – сообщение
optionType – набор кнопок
messageType – вид иконки
№21 слайд
Содержание слайда: Панель содержимого
Методы
getXXXPane() – возвращает панель
setXXXPane() – устанавливает панель
getContentPane(), setContentPane()
№22 слайд
Содержание слайда: Компоненты
Части интерфейса пользователя, не содержащие других компонентов
JLabel – метка
JButton – кнопка
JMenuItem – элемент меню
JTextArea – редактор текста
Возможности компонентов
Генерация событий
Обработка ввода пользователя
Рамки
Отрисовка “в ручную”
Поддержка Drag & Drop
Компоновка
…
№23 слайд
Содержание слайда: Работа компоновщика
Размещают компоненты внутри контейнера
Интерфейс java.awt.LayoutManager
panel.setLayout(new FlowLayout());
Разместить компоненты так, что бы удовлетворялись рекомендации
Рекомендации по размеру
Dimension minimumSize – минимальный
Dimension preferredSize – наилучший
Dimension maximumSize -- максимальный
№24 слайд
Содержание слайда: FlowLayout
Компоненты выкладываются одна за другой, с переносом строк
Свойства
alignment – выравнивание
LEADING, CENTER, TRAILING
vgap / hgap – расстояние по горизонтали / вертикали
№25 слайд
Содержание слайда: BorderLayout
Компоненты располагаются по краям
Свойства
vgap / hgap – расстояние по вертикали / горизонтали
№26 слайд
Содержание слайда: GridLayout
Компоненты располагаются в виде таблицы
Свойства
rows / columns – количество строк / столбцов
vgap / hgap – расстояние по вертикали / горизонтали
№27 слайд
Содержание слайда: BoxLayout
Выкладывает компоненты горизонтально / вертикально
Box.createHorizontalBox()
Box.createVerticalBox()
Box box = Box.createVerticalBox();
box.add(new JButton("Кнопка"));
box.add(Box.createVerticalStrut(10));
box.add(Box.createVerticalGlue());
№28 слайд
Содержание слайда: Другие компоновщики
CardLayout – помещает компоненты друг за другом
GridBagLayout – помещает компоненты в гибкую таблицу
SpringLayout – очень гибкий компоновщик, используется при кодогенерации
Запуск компоновщика
Автоматически – при изменении размера контейнера
Вручную
invalidate() – запросить перекомпоновку компоненты и всех ее предков
revalidate() – thead-safe invalidate()
Обрамление
Каждая компонента может иметь обрамление в виде рамки
Пакет javax.swing.border
Класс Border
Метод
Component.setBorder(Border)
№29 слайд
Содержание слайда: Размер обрамления
Размер обрамления вычитается из размера компоненты
Класс Insets
Конструктор Insets(left, right, bottom, top)
Поля
left – отступ слева
right – отступ справа
bottom – отступ снизу
top – отступ сверху
№30 слайд
Содержание слайда: Типы обрамлений (простые)
Классы
EmptyBorder – пустое место
LineBorder – линия
EtchedBorder – объемность
BevelBorder – выпуклость / вдавленность
MatteBorder - Обрамление “набирается” из рисунка
№31 слайд
Содержание слайда: Типы обрамлений (составные)
TitledBorder – обрамление с заголовком. Создается на основе другого обрамления
CompoundBorder – объединяет два обрамления
CompoundBorder(insideBorder, outsideBorder)
№32 слайд
Содержание слайда: Класс JPanel
Простейший контейнер
Конструктор
JPanel(LayoutManager)
Свойства
layoutManager -- компоновщик
№33 слайд
Содержание слайда: Класс JLabel
JLabel - Метка с текстом
Конструктор
JLabel(text?, icon?)
Свойства
text – надпись на метке
icon – картинка
№34 слайд
Содержание слайда: JButton - кнопка
JButton(String text?, Icon icon?)
setRolloverIcon(Icon icon)
setPressedIcon(Icon icon)
setMargin(Insets margin)
№35 слайд
Содержание слайда: Визуальные компоненты
JTextField
setText(String text)
getText(int offset, int length)
JPasswordField
set(get)EchoChar(char echo)
JTextArea
append(String text)
insert(String text, int position)
№36 слайд
Содержание слайда: Панель прокрутки JScrollPane
Панель с полосами прокрутки
Конструктор
JScrollPane(Component?, vsbPolicy?, hsbPolicy?)
<dir>_SCROLLBAR_AS_NEEDED
<dir>_SCROLLBAR_NEVER
<dir>_SCROLLBAR_ALWAYS
getContentPane().add(new JScrollPane(textArea));
№37 слайд
Содержание слайда: Иконки
Класс ImageIcon
Конструктор
ImageIcon(url) – загрузить по URL
ImageIcon(file) – загрузить из файла
Методы
getIconHeight() – высота иконки
getIconWidth() – ширина иконки
getImage() – платформозависимый рисунок
Применение
frame.setIconImage(icon.getImage())
new JLable(icon);
№38 слайд
Содержание слайда: Визуальные компоненты
JToolBar
JComboBox
JSlider
JTabbedPane
JList
JProgressBar
№39 слайд
Содержание слайда: Классификация событий
Низкоуровневые события
Создаются системой на основе действий пользователя
Инициатор события – текущая компонента
Высокоуровневые события
Создаются компонентами на основе других событий
Инициатор события – компонента создавшая событие
№40 слайд
Содержание слайда: Низкоуровневые события
Ввод пользователя
InputEvent – базовый класс
KeyEvent – событие клавиатуры
MouseEvent – событие мыши
MouseWheelEvent – событие колеса прокрутки
Изменение состояния компоненты
ComponentEvent – изменение видимости / размера / местоположения компонента
FocusEvent – изменение фокуса
ContainerEvent – добавление / удаление компонент
WindowEvent – операции с окнами
№41 слайд
Содержание слайда: Обработка низкоуровневых событий
Генерация событий
Клавиатурные – для компоненты владеющей фокусом
Мыши – для компоненты, над которой находится мышь
Прочие – для компоненты с которой произошли
Событие ввода может быть поглощено
Метод consume()
№42 слайд
Содержание слайда: Высокоуровневые события
Примеры
ActionEvent – нажатие на кнопку
MenuEvent – операции с меню
PopupMenuEvent – операции с всплывающим меню
…
№43 слайд
Содержание слайда: Слушатели
Оповещаются о возникновении события
Интерфейсы XXXListener
Управление слушателями
Метод addXXXListener(XXXListener listener) – добавить слушателя
Метод removeXXXListener(XXXListener listener) – убрать слушателя
№44 слайд
Содержание слайда: Создание слушателя
Реализация слушателя
Реализовать интерфейс
Добавить слушателя к компоненту
Реагировать на события
Вспомогательные классы
XXXAdapter – для реализации слушателей с несколькими методами
№45 слайд
Содержание слайда: MouseListener
Слушатель событий от мыши должен реализовать интерфейс MouseListener. В этом интерфейсе перечислены следующие методы:
mouseClicked(MouseEvent event) — выполнен щелчок мышкой на наблюдаемом объекте
mouseEntered(MouseEvent event) — курсор мыши вошел в область наблюдаемого объекта
mouseExited(MouseEvent event) — курсор мыши вышел из области наблюдаемого объекта
mousePressed(MouseEvent event) — кнопка мыши нажата в момент, когда курсор находится над наблюдаемым объектом
mouseReleased(MouseEvent event) — кнопка мыши отпущена в момент, когда курсор находится над наблюдаемым объектом
№46 слайд
Содержание слайда: Слушатели
FocusListener
MouseWheelListener
KeyListener
ChangeListener
WindowListener
СomponentListener – смена положения, размера…
ActionListener – универсальный слушатель
actionPerformed(ActionEvent event)
№47 слайд
Содержание слайда: ActionListener
Событие ActionEvent
Свойства
getActionCommand() – название команды
getModifiers() – состояние клавиш-модификаторов
getWhen() – когда произошло
Слушатель ActionListener
Метод actionPerformed(ActionEvent e)
№48 слайд
Содержание слайда: Действия
Действие – абстракция действия которое можно произвести
Интерфейс Action
Методы
actionPerformed(ActionEvent) – совершить действие
setEnabled(boolean) – запретить / разрешить
isEnabled() – проверить разрешение
putValue(key, value) – записать значение свойства
getValue(key) – прочитать значение свойства
№49 слайд
Содержание слайда: Свойства действий
Константы интерфейса Action
NAME – название действия
SHORT_DESCRIPTION –описание для всплывающих подсказок
LONG_DESCRIPTION –описание для контекстной помощи
ACTION_COMMAND_KEY – имя команды
SMALL_ICON – иконка
№50 слайд
Содержание слайда: Меню
Основное меню
Класс JMenuBar
Раскрывающееся меню
Класс JMenu
Элементы меню
Класс JMenuItem – простой
Класс JCheckBoxMenuItem – помечаемый
Класс JRadioButtonMenuItem – один из
Класс JSeparator – разделитель
№51 слайд
Содержание слайда: Создание меню
№52 слайд
Содержание слайда: Swing и потоки
Обработка сообщений и перерисовка интерфейса пользователя происходят в потоке событий (EventThread)
Если занять EventThread, GUI “зависнет”
С видимыми компонентами можно оперировать только в EventThread
GUI рекомендуется создавать в EventThread
№53 слайд
Содержание слайда: Видимые компоненты
Компонента считается видимой, если
Она добавлена к видимому контейнеру
Окна считаются видимой
После вызова метода pack()
После вызова setVisible(true)
№54 слайд
Содержание слайда: Исполнение действий в EventThread
Класс SwingUtilities
Методы
invokeLater(Runnable) – выполнить метод run() в EventThread
invokeAndWait(Runnable) – выполнить метод run() в EventThread и дождаться окончания
№55 слайд
Содержание слайда:
Скачать все slide презентации Лекция 14. Графический интерфейс пользователя одним архивом:
