Как создать сетку графического интерфейса пользователя на Java (с изображениями)

Оглавление:

Как создать сетку графического интерфейса пользователя на Java (с изображениями)
Как создать сетку графического интерфейса пользователя на Java (с изображениями)

Видео: Как создать сетку графического интерфейса пользователя на Java (с изображениями)

Видео: Как создать сетку графического интерфейса пользователя на Java (с изображениями)
Видео: Inkscape - Урок 1: Знакомство, простейшие фигуры 2024, Май
Anonim

На этом этапе Grid не делает ничего особенного, но после небольшого исследования вы можете добавить слушателей действий и немного логики, чтобы создать простую 2D-игру, такую как крестики-нолики, или более сложные, например, Морской бой.

Примечание. В этой статье для всех примеров используется Eclipse, поэтому все может быть по-разному в зависимости от вашей IDE. Это должно быть очень похоже на то, что вам понадобится в JCreator, но оно бесполезно для IDE на основе графического интерфейса, такой как NetBeans, в основном из-за метода перетаскивания в NetBeans.

Шаги

Создайте сетку графического интерфейса пользователя на Java, шаг 1
Создайте сетку графического интерфейса пользователя на Java, шаг 1

Шаг 1. Создайте проект Java

Это довольно просто. Включите вашу IDE и создайте новый проект. Называйте это как хотите. Примером будет buttongrid.

Это имя вообще не имеет значения, так как это просто имя файла, которое ему будет дано

Создайте сетку графического интерфейса пользователя на Java, шаг 2
Создайте сетку графического интерфейса пользователя на Java, шаг 2

Шаг 2. Создайте класс Java с основным методом

Создайте новый класс и назовите его как хотите. Примером будет buttongrid. Для пользователя Eclipse вы захотите установить галочкой поле с именем public static void main (string args), чтобы вам не приходилось вводить его при запуске.

Это имя более важно, чем предыдущее, потому что оно должно состоять из одного слова, иначе его нельзя будет использовать

Создайте сетку графического интерфейса пользователя на Java. Шаг 3
Создайте сетку графического интерфейса пользователя на Java. Шаг 3

Шаг 3. Импортируйте библиотеки

Это приносит всю информацию, которая вам понадобится для написания вашего кода в этот код. Вам нужно будет импортировать javax.swing. JFrame, javax.swing. JButton и java.awt. Gridlayout. Они помещаются перед началом класса, где-то в строках от 1 до 3, порядок их расположения не имеет значения.

Создайте сетку графического интерфейса пользователя на Java. Шаг 4
Создайте сетку графического интерфейса пользователя на Java. Шаг 4

Шаг 4. Создайте конструктор

Конструктор создает новый экземпляр класса buttongrid, позволяя множеству различных сеток кнопок иметь отдельную информацию. Все конструкторы должны называться так же, как их класс. Конструкторам ничего не нужно перед этим, но для удобства здесь часто помещается «public». Конструкторы часто размещаются в качестве первого метода в классе, поэтому он идет сразу после имени класса, однако он должен быть размещен внутри класса. Конструктору buttongrid нужны параметры, которые помещаются в скобки после имени конструктора. Параметры в этом примере - целые числа «x» и «y».

Создайте сетку графического интерфейса пользователя на Java. Шаг 5
Создайте сетку графического интерфейса пользователя на Java. Шаг 5

Шаг 5. Создайте фрейм:

  1. Рама должна быть названа. Чтобы на него можно было ссылаться вне метода конструктора ButtonGrid, вы размещаете его вне этого метода, но внутри класса. Большинство переменных названы в верхней части класса прямо перед конструктором. Чтобы создать новый фрейм, вы набираете: JFrame frame = new JFrame ();
  2. Внутри метода конструктора нам нужно убедиться, что все кнопки размещены в макете сетки. Для этого мы устанавливаем макет фрейма, набрав: frame.setLayout (new GridLayout (x, y));
  3. Не обязательно обязательно, но чтобы закрыть фрейм при нажатии кнопки «x» в правом верхнем углу, нам нужно добавить строку: frame.setDefaultCloseOperation (JFrame. EXIT_ON_CLOSE);
  4. Чтобы сделать фрейм подходящего размера, чтобы все подходило, нам нужно запустить команду pack: frame.pack ();
  5. Наконец, для кадра нам нужно сделать его видимым: frame.setVisible (true);

    Создайте сетку графического интерфейса пользователя на Java. Шаг 6
    Создайте сетку графического интерфейса пользователя на Java. Шаг 6

    Шаг 6. Создайте сетку кнопок:

    1. Кнопки, с которыми взаимодействует пользователь, должны быть созданы, но, поскольку мы не знаем, сколько нам нужно, они должны быть названы в первую очередь. Итак, прямо под линией, в которой вы создаете фрейм, создайте кнопки: JButton grid; Два набора квадратных скобок указывают на то, что JButton в сетке хранятся в двухмерном формате, если бы был только один набор квадратных скобок, тогда это была бы просто строка JButton, которая все еще работает, это просто легче указать, какая кнопка создается или с которой взаимодействуют, когда она двумерная.
    2. Кнопки JButton были названы, но нам еще предстоит сказать, сколько там кнопок. Вам нужно добавить строку кода в конструктор, который устанавливает количество: grid = new JButton [width] [length];
    3. Теперь, когда определено, что будет определенное количество кнопок, необходимо создать каждую. Самый простой способ сделать это - использовать два цикла for, один для оси x, другой для оси y. Внутри двух циклов мы создаем новую кнопку, и для простоты использования пример помещает текст внутри каждой кнопки, чтобы мы знали, где находится кнопка в двумерном массиве. Чтобы создать кнопку, внутри цикла нужно поместить grid [x] [y] = new JButton ("(" + x + "," + y + ")");

      Создание сетки графического интерфейса пользователя на Java. Шаг 7
      Создание сетки графического интерфейса пользователя на Java. Шаг 7

      Шаг 7. Добавьте кнопки в рамку

      Внутри цикла нам нужно поместить кнопки в рамку с помощью простой команды: frame.add (grid [x] [y]);

      Создание сетки графического интерфейса пользователя на Java. Шаг 8
      Создание сетки графического интерфейса пользователя на Java. Шаг 8

      Шаг 8. Создайте экземпляр ButtonGrid

      В основном типе класса: new ButtonGrid (3, 3); Две тройки составляют сетку 3 на 3, и туда можно положить любые два положительных числа.

      Создайте сетку графического интерфейса пользователя на Java. Шаг 9
      Создайте сетку графического интерфейса пользователя на Java. Шаг 9

      Шаг 9. Запустите программу

      Для этого в затмении нажмите Ctrl + F11.

      Метод 1 из 1: пошаговый код

      Основной класс:

      открытый класс ButtonGrid {public static void main (String args) {}}

      Импорт:

      import javax.swing. JFrame; import javax.swing. JButton; import java.awt. GridLayout; открытый класс ButtonGrid {…

      Код конструктора:

      общедоступный класс ButtonGrid {общедоступный ButtonGrid (ширина целого числа, длина целого числа) {}}…

      Код кадра:

      открытый класс ButtonGrid {JFrame frame = new Jframe (); общедоступная ButtonGrid (ширина int, длина int) {frame.setLayout (новый GridLayout (ширина, длина)); frame.setDefaultCloseOperation (JFrame. EXIT_ON_CLOSE); frame.pack (); frame.setVisible (правда); }}…

      Код сетки кнопок:

      | JFrame frame = новый JFrame (); // создает фрейм JButton grid; // называет сетку кнопок public ButtonGrid (int width, int length) {// конструктор с двумя параметрами frame.setLayout (new GridLayout (width, length)); // устанавливаем макет сетки фрейма = new JButton [width] [length]; // назначаем размер сетки для (int y = 0; y <length; y ++) {for (int x = 0; x <width; x ++) {grid [x] [y] = new JButton ("(" + x + "," + y + ")"); frame.add (сетка [x] [y]); // добавляет кнопку в сетку}} frame.setDefaultCloseOperation (JFrame. EXIT_ON_CLOSE); frame.pack (); frame.setVisible (правда); }…

      Добавление кнопок в рамку:

      for (int y = 0; y <length; y ++) {for (int x = 0; x <width; x ++) {grid [x] [y] = new JButton ("(" + x + "," + y + ") "); frame.add (сетка [x] [y]); }}…

      Создание экземпляра сетки кнопок:

      public static void main (String args) {new ButtonGrid (3, 3); // создает новую ButtonGrid с двумя параметрами}…

      Окончательный код:

      import javax.swing. JFrame; // импортирует библиотеку JFrame import javax.swing. JButton; // импортирует библиотеку JButton import java.awt. GridLayout; // импортирует публичный класс библиотеки GridLayout ButtonGrid {JFrame frame = new JFrame (); // создает фрейм JButton grid; // называет сетку кнопок public ButtonGrid (int width, int length) {// конструктор frame.setLayout (new GridLayout (width, length)); // устанавливаем сетку макета = new JButton [width] [length]; // назначаем размер сетки для (int y = 0; y <length; y ++) {for (int x = 0; x <width; x ++) {grid [x] [y] = new JButton ("(" + x + "," + y + ")"); // создает новую кнопку frame.add (grid [x] [y]); // добавляет кнопку в сетку}} frame.setDefaultCloseOperation (JFrame. EXIT_ON_CLOSE); frame.pack (); // устанавливает подходящий размер для кадра frame.setVisible (true); // делает фрейм видимым} public static void main (String args) {new ButtonGrid (3, 3); // создает новую ButtonGrid с 2 параметрами}}

      import javax.swing. JFrame; // импортирует библиотеку JFrame import javax.swing. JButton; // импортирует библиотеку JButton import java.awt. GridLayout; // импортирует библиотеку GridLayout

      public class ButtonGrid {

      JFrame frame = новый JFrame (); // создает фрейм JButton grid; // называем сетку кнопок

      public ButtonGrid (int width, int length) {// конструктор frame.setLayout (new GridLayout (width, length)); // устанавливаем сетку макета = new JButton [width] [length]; // назначаем размер сетки для (int y = 0; y <length; y ++) {for (int x = 0; x <width; x ++) {grid [x] [y] = new JButton ("(" + x + "," + y + ")"); // создает новую кнопку frame.add (grid [x] [y]); // добавляет кнопку в сетку}} frame.setDefaultCloseOperation (JFrame. EXIT_ON_CLOSE); frame.pack (); // устанавливает подходящий размер для кадра frame.setVisible (true); // делает фрейм видимым} public static void main (String args) {new ButtonGrid (3, 3); // создает новую ButtonGrid с 2 параметрами}

Рекомендуемые: