Содержание

  1. Python
    1. tkinter Стандратный модуль для создания приложений с GUI интерфейсом.
  2. VBA
    1. VBA GUI в среде MS Excel.
  3. HTML
    1. HTML book Обзор GUI в HTML.
  4. Pascal
    1. Windows Forms Интерфейс (API) для создания GUI-приложений.

Так как в большинстве своем сегодняшние начинающие программисты не любят окно командной строки - приведу пример оконного приложения.

Начнем с простого

править
import javax.swing.JFrame;

public class MyWindowApp extends JFrame { //Наследуя от JFrame мы получаем всю функциональность окна

  public MyWindowApp(){
    super("My First Window"); //Заголовок окна
    setBounds(100, 100, 200, 200); //Если не выставить 
                                   //размер и положение 
                                   //то окно будет мелкое и незаметное
    setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); //это нужно для того чтобы при 
                                                    //закрытии окна закрывалась и программа,
                                                    //иначе она останется висеть в процессах
  }

  public static void main(String[] args) { //эта функция может быть и в другом классе
    MyWindowApp app = new MyWindowApp(); //Создаем экземпляр нашего приложения
    app.setVisible(true); //С этого момента приложение запущено!
  }
}

Вот у нас и получилось ничего не делающее приложение!

Делаем что-то полезное

править

Это конечно замечательно уметь показывать пустое окно, но мы хотим, чтобы оно приносило пользу! Создадим форму для подсчета ворон на заборе. Для этого будем отображать текущее количество ворон и с помощью двух кнопок добавлять или вычитать по одной.

Дизайн

править

Это то, что мы примерно хотим увидеть:

Вороносчет
Ворон на заборе : 666
Ворона прилетела Ворона улетела

Скелет программы

править

Пишем программу:

import java.awt.*;
import java.awt.event.*;
import javax.swing.*;

public class VoronCalc extends JFrame {
  private int voron = 0;
  private JLabel countLabel;
  private JButton addCrow;
  private JButton removeCrow;

  public VoronCalc(){
    super("Crow calculator");
    //Подготавливаем компоненты объекта
    countLabel = new JLabel("Crows:" + voron);
    addCrow = new JButton("Add Crow");
    removeCrow = new JButton("Remove Crow");

    //Подготавливаем временные компоненты
    JPanel buttonsPanel = new JPanel(new FlowLayout()); 
    //Расставляем компоненты по местам
    buttonsPanel.add(countLabel, BorderLayout.NORTH); //О размещении компонент поговорим позже

    buttonsPanel.add(addCrow);
    buttonsPanel.add(removeCrow);

    add(buttonsPanel, BorderLayout.SOUTH);
    setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
  }

public static void main(String[] args) {
    VoronCalc app = new VoronCalc();
    app.setVisible(true);
    app.pack(); //Эта команда подбирает оптимальный размер в зависимости от содержимого окна
  }
}

После компиляции и запуска - получится что-то такое:

 

Добавляем функциональность

править

Пришло время добавить немного интерактивности. Нам нужно сделать 3 вещи:

  1. Научить кнопку addCrow добавлять 1 к переменной voron.
  2. Научить кнопку removeCrow вычитать 1 из переменной voron.
  3. Научить countLabel - обновлять свое значение в зависимости от содержимого переменной voron.

Добавляем listener для кнопки addCrow.

addCrow.addActionListener(new ActionListener(){
  public void actionPerformed(ActionEvent e) {
    voron = voron+1;     //Добавляем одну ворону
     countLabel.setText("Crows:" + voron); //Сообщаем приложению, что количество ворон изменилось
  }
});

Добавляем listener для кнопки removeCrow.

removeCrow.addActionListener(new ActionListener(){
  public void actionPerformed(ActionEvent e) {
    if( voron > 0 ) {
      voron = voron - 1;
      countLabel.setText("Crows:" + voron);  //Сообщаем приложению, что количество ворон изменилось
    } 
  }
});

updateCrowCounter

править
private void updateCrowCounter() {
  countLabel.setText("Crows:" + voron);
}

Конечный результат

править