Обробка зображень у програмі графічного інтерфейсу користувача на Java - навчальний

  • Вступ
  • Створення форми програми
  • Додавання пакета зображення
  • Виведення зображення на мітці
  • Складання та запуск програми
  • Показ зображення як фону в кадрі
  • Створення коду користувача
  • Висновок
  • додаткові відомості

Для роботи з цим навчальним курсом потрібні програмне забезпечення та ресурси, перелічені нижче.

Програмне забезпечення або матеріал Необхідна версія
IDE NetBeansВерсія 6.9 або пізніша
Комплект для розробника мовою Java (JDK)Версія 6 чи 7

Для багатьох програмістів-початківців на Java проблемою є обробка зображень у додатку. Звичайний спосіб доступу до зображень у програмі Java полягає у застосуванні методу getResource() . У цьому навчальному курсі описується використання конструктора графічних інтерфейсів середовища IDE для створення коду з додаванням зображень (та інших ресурсів) додаток. Крім того, користувач навчиться налаштовувати способи створення середовища IDE коду для обробки зображень.

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

Створення програми

  1. Виберіть "Файл" > "Новий проект".
  2. У майстрі створення проекту оберіть "Java" > "Додаток Java", потім натисніть кнопку "Далі".
  3. Як ім'я проекту введіть ImageDisplayApp.
  4. Зніміть прапорець "Створити головний клас".
  5. Перевірте, чи встановлено прапорець "Встановити як головний проект".
  6. Натисніть кнопку "Завершити".

Створення форми програми

У прикладі в цьому розділі буде створено форму JFrame, і до неї додано мітку JLabel.

Створення форми JFrame:

  1. У вікні 'Проекти' розгорніть вузол ImageDisplayApp.
  2. Клацніть правою кнопкою вузол "Вихідні файли" та виберіть форму "Створити" > "JFrame".
  3. Як ім'я класу введіть ImageDisplay.
  4. Як ім'я пакета введіть org.me.myimageapp.
  5. Натисніть кнопку "Завершити".

  • У розділі "Палітра" виберіть компонент "Мітка" та перетягніть його у форму.

Форма повинна набути наступного вигляду:

Додавання пакета зображення

Якщо у програмі використовуються зображення або інші ресурси, для цих ресурсів зазвичай слід вибрати окремий пакет Java. У локальній файловій системі пакет відповідає папці.

Створення пакета для зображення:

  1. У вікні 'Проекти' клацніть правою кнопкою миші вузол org.me.myimageapp і виберіть 'Створити' > 'Пакет Java'.
  2. У майстрі створення проекту до імені org.me.myimageapp додайте .resources; новий пакет отримає ім'я org.me.myimageapp.resources.
  3. Натисніть кнопку "Завершити".

У вікні 'Проекти' зображення відображається у пакеті org.me.myimageapp.resources .

Виведення зображення як мітка

У цій програмі зображення буде вбудовано в компонент JLabel.

Додати зображення до позначки:

При натисканні кнопки "Далі" в середовищі IDE буде виконано такі операції:

  • Копіювання зображення у проект. В результаті при виконанні складання та розповсюдження програми це зображення додається до архіву JAR, що розповсюджується.
  • Створення коду, що реалізує доступ до зображення,клас "ImageDisplay".
  • Відображення зображення як позначки в режимі розробки форми.

Тепер можна виконати кілька дій щодо оптимізації виду форми, наприклад:

  • У вікні "Властивості" виберіть властивість тексту та видаліть позначку jLabel1 . Це значення було створено конструктором графічного інтерфейсу як текст мітки, що відображається. У цьому випадку як позначка відображається зображення, а не текст, тому вводити текст не потрібно.
  • Перетягніть кнопку в центр форми.

Перегляд створеного коду:

Основний рядок виглядає так:

Щоб зареєструвати обробники для подій миші на Jlabel:

Клацніть правою кнопкою миші JLabel і виберіть пункт Events ("Події") > Mouse ("Миша") > mouseClicked/mousePressed/mouseReleased зі спливаючого меню. Буде створений обробник для відповідної події.

Примітка.Можна отримати координати миші (наприклад, місце клацання миші) в обробнику подій за допомогою методів event.getPoint() , event.getX() та event.getY() . Подробиці наведено у розділі Клас MouseEvent.

Показ зображення як фону в кадрі

Конструктор графічного інтерфейсу не підтримує безпосередньо використання JFrame як фонового зображення, оскільки такої підтримки немає у Swing. Проте, цієї мети можна досягти різними непрямими шляхами. У цьому додатку JLabel із зображенням буде впроваджено в компонент JFrame, тоді як JPanel буде розміщено над JLabel і використано як батьківський елемент для всіх компонентів.

Додати прозорий компонент JPanel до JFrame всередині зображення:

Перевагою описаного рішення є те, що фонове зображення показується як у ходірозробки, і під час виконання.

Складання та запуск програми

На цьому етапі після створення коду, що реалізує доступ до зображення та виведення його на екран, можна виконати складання та запуск програми та перевірити правильність виклику зображення.

Спочатку необхідно вказати головний клас проекту. При призначенні головного класу середовище IDE отримує інформацію про те, який клас слід запускати під час запуску проекту. Крім того, таким чином забезпечується створення елемента Main-Class в архіві JAR додатка під час його збирання.

Для призначення головного класу проекту виконайте такі дії:

Для складання проекту:

  • Виберіть Run ("Запустити") > Clean & Build Main Project ("Очищення та складання головного проекту").

У вікні "Файли" відображаються об'єкти, створені під час збирання програми. Скомпільований клас знаходиться в папці build. У папці dist знаходиться виконуваний архів JAR, що містить скомпільований клас та зображення.

Для запуску проекту виконайте такі дії:

  • Виберіть "Виконати" > "Виконати головний проект" (F6).

Створення коду користувача

У багатьох додатках зображення, що виводиться визначається не статично, як у даному прикладі. Наприклад, зображення, що виводиться, може визначатися тим, що вибрав користувач.

Наприклад, для вставлення коду користувача у властивість icon мітки JLabel виконайте такі дії:

  1. Виберіть "JLabel" у режимі розробки або у вікні "Інспектор".
  2. У вікні "Властивості" натисніть кнопку у вигляді еліпса (. ) поруч із властивістю "Значок".
  3. У списку, що розкривається, у верхній області діалогового вікна виберіть параметр "Користувачський код".

Висновок

У цьому посібнику описано отримання доступу до зображень із програми, створеної в IDE NetBeans. Більш детально робота із зображеннями розглядається в навчальному курсі Java.

Примітка.Приклад у цьому навчальному курсі дуже схожий з першим прикладом у розділі навчального курсу Java Використання розділу значків. Відмінність полягає в тому, що в коді, створюваному під час роботи з цього навчального курсу, для вставки зображення в напис використовується метод setIcon елемента JLabel . У прикладі, наведеному в навчальному курсі Java, в значок додається в мітку шляхом його передачі через конструктор.