graphical user interface (gui) - orawanorawan.net/slide/418217/13 gui.pdf · kasetsart university...

30
Kasetsart University Graphical User Interface (GUI) Java GUI using NetBeans

Upload: others

Post on 27-Jan-2021

65 views

Category:

Documents


0 download

TRANSCRIPT

  • Kasetsart University

    Graphical User Interface (GUI)

    Java GUI using NetBeans

  • Kasetsart University

    �����������������������

    ���������� ������������������������������������� ����

    ����� Microsoft Word, Microsoft Internet Explorer, ���

    Windows Live Messenger �� ���� �!���"� �!�#!����$%���������&'

    Graphical User Interface ��(� GUI ���� ����)�, �����%, +�+Graphical User Interface ��(� GUI ���� ����)�, �����%, +�+

    �������� GUI ��,��#�-(�������.#�����, ��- ��" ���� ������ ���.��!�������/-0�"���

    ����������"/-��

    1"����2�0����.#�

    07/11/57 Java GUI using NetBeans 2

  • Kasetsart University

    ��������������������

    07/11/57 Java GUI using NetBeans 3

  • Kasetsart University

    �������������� (Tool)

    NetBeans IDE

    ���"����2�������� Notepad ��(� text editor !� �(����(���,���!��8����������(�9��/"-�# (source code) .#�

    NetBeans IDE ������ ��

    NetBeans IDE �����-�(����(�"0��������,��������#��8��� �-�(����(�#����� ��;���� �� Integrated Development Environment (IDE)

    07/11/57 Java GUI using NetBeans 4

  • Kasetsart University

    NetBeans ������� !��"#����$����%�&'(�

    ���.��!�������/-0�"������ command prompt ��(��-��.��/��(��������� �-�#��)����

    toolbar 1"����2-��.��/�����������.#�

    ���,�������������"� �!�#!����$%���������&' (graphical user interface -GUI) ����-����� �� $%����.��!����,���-�#��(��"���� GUI���"����2����/-0���� ��� �������,���-0������� �����"0�����$%��������/#�#.��-�������"����2����/-0���� ��� �������,���-0������� �����"0�����$%��������/#�#.��-����

    �������/-�#���"� � ��� ��� NetBeans �� ��!��-�#������(���� (code completion) �����"0�����$%��������/#�#.��-���� ��(�$%����.������0��(����

  • Kasetsart University

    �&)��"#���� Hello World

    "�����&������

    07/11/57 Java GUI using NetBeans 6

  • Kasetsart University

    �������

    07/11/57 Java GUI using NetBeans 7

  • Kasetsart University

    �%� � ��*�)�+,�)���-* (Property and Event)

    ��"����"� �!�#!����$%���������&' (GUI) #� � NetBeans ������ ������-���-�������/ (component) ��"� � Palette �� �������&��

    1��.#���������������!����������!�����

    !� �����,��-�������/.#��� ��)�, ������, ����"0�������,��- ��

    �!������.��"����2�0����!��������!�����.#��!������.��"����2�0����!��������!�����.#�

    ���,����������� GUI ���� - ��-�#���!����0�- ���,������%� 2 �����

    property

    event

    07/11/57 Java GUI using NetBeans 8

  • Kasetsart University

    �%� � ��*�) (property)

    -�?"���!�,��-�������/���$%���������1�

    ,��- ������"#� (text)

    "@������������� (enabled)

    ,��# (preferredSize)

    &��!/ (font)&��!/ (font)

    "� (foreground)

    "��(;� (background) +�+

    07/11/57 Java GUI using NetBeans 9

  • Kasetsart University

    ��/���������� �%� � ��*�) (property)

    ������

  • Kasetsart University

    ��������� �%� � ��*�) (property)

    ������

  • Kasetsart University

    �)���-* (event)

    ��!���?/����#,=;���(��$%�����0���.�����������-�������/

    #��)� (action)

    #��(���(�������"/(mouse)

    #-��/����A�����/(key) ����!��

    ��� ��/�B�#/����/(event handler)

    -�#���2%����,=;����0������(������!���?/��#,=;�

    07/11/57 Java GUI using NetBeans 12

  • Kasetsart University

    $��,+%�&������ (Message Dialog)

    ���"#�.#���1�,��- �� ���������

  • Kasetsart University

    �������������

    07/11/57 Java GUI using NetBeans 14

  • Kasetsart University

    �)���-*�0��*�+��*&��#12�

    ��

  • Kasetsart University

    �/�&�������%������#�

    -0�"��� String name = jTextField1.getText();

    ���0�,��- �������%�������,��- �� (jTextField1) .��1�. ���!� ��� name

    �������� String name = jTextField1.getText();

    � jTextField1 String name = jTextField1.getText();

    ������������ name String name = jTextField1.getText();������������ name String name = jTextField1.getText();

    ����;�1�0�,��- ���� name .�!������"!��� "Hello khun "

    ������

  • Kasetsart University

    �#+���3� C �#4� F

    ��������� ��

    ����,��- ������(�� jTextfield1

    String input = jTextfield1.getText();

    ���� String ������� double ���#� ���

  • Kasetsart University

    �#+���3� C �#4� F

    �"#�$� ���!������0�!� ��� fahrenheit .��"#�$�

    ���� double ������� String #������

  • Kasetsart University

    ��������#12���%� (check box)

    �,���-�#!� �"�� ��2%!�D check box ����

  • Kasetsart University

    ��������#12���-�1 (Radio Button)

    0���#�����)� ������;���#������.#���(���%��������#�� ��

    .����"� � Properties

    !�;�-����1������/!� buttonGroup ������� buttonGroup1 (��������(���#�� ��)

    �,���-�#����� ��/�B�#/����/�,���-�#����� ��/�B�#/����/

    if (jRadioButton2.isSelected()){

    }

    07/11/57 Java GUI using NetBeans 20

  • Kasetsart University

    ��������+������"� (combo box)

    �����������.#� �� drop down list

    ��0���#-��-���������-���

    .����"� �Properties

    ��(�������1������/!� model ���-�������)� ... (ellipsis)��(�������1������/!� model ���-�������)� ... (ellipsis)

    �,���-�#����

  • Kasetsart University

    ��������+��- *(list)

    0���#-��

    .������1������/!� model ,������-��� -�������)�... (ellipsis)����/-�#������ ��/�B�#/����/

    Object[] names = jList1.getSelectedValues();

    String msg = ""; String msg = "";

    for (Object o : names)

    msg += o;

    JOptionPane.showMessageDialog(this, msg);

    07/11/57 Java GUI using NetBeans 22

  • Kasetsart University

    ��������-/����

    07/11/57 Java GUI using NetBeans 23

  • Kasetsart University

    ������������� (JTable)

    -����������������"!/ ���������(��#-����!�������0������#�

    ��#�,��!��������-��"�������������/ �������/�&9 TableModel

    ������-��" DefaultTableModel

    ���,���-�#

    "������������ �/����&�� DefaultTableModel model;"������������ �/����&�� DefaultTableModel model;

    "���� �!2� DefaultTableModel ��-��"!��-�!��/,���&��

    String[] columnNames = { "�(��", "���"��" };

    model= new DefaultTableModel(columnNames, 0);

    tblFullName.setModel(model);

    07/11/57 Java GUI using NetBeans 24

  • Kasetsart University

    ������������� (JTable) (���)

    �,���-�#����

  • Kasetsart University

    ��������������

    07/11/57 Java GUI using NetBeans 26

  • Kasetsart University

    ����������������

    �,���-�#

    int option = JOptionPane.showConfirmDialog(this, "Do you want to exit?");

    if (option == JOptionPane.YES_OPTION)

    System.exit(0);

    ������(���&��

    int option = JOptionPane.showConfirmDialog(this, "Do you want to exit?",

    "My Program", JOptionPane.YES_NO_OPTION);

    if (option == JOptionPane.YES_OPTION)

    System.exit(0);

    07/11/57 Java GUI using NetBeans 27

  • Kasetsart University

    $��,+%��+��$�+* (File Chooser Dialog)

    �,���-�#��;������� ��/�B�#/����/,�����% File>Save

    JFileChooserchooser = new JFileChooser();

    int returnVal = chooser.showSaveDialog(this);

    if (returnVal == JFileChooser.APPROVE_OPTION) {

    try { try {

    FileWriter fw;

    fw = new FileWriter(chooser.getSelectedFile());

    fw.write("Hello");

    fw.close();

    } catch (IOException ex) {

    ex.printStackTrace();

    }

    }

    07/11/57 Java GUI using NetBeans 28

  • Kasetsart University

    $��,+%��+��$�+* (File Chooser Dialog)

    �,���-�#��;������� ��/�B�#/����/,�����% File>OpenJFileChooser chooser = new JFileChooser();

    int returnVal = chooser.showOpenDialog(this);

    if (returnVal == JFileChooser.APPROVE_OPTION) {

    try {

    FileReader fr = new FileReader fr = new

    FileReader(chooser.getSelectedFile());

    BufferedReader br = new BufferedReader(fr);

    String s = br.readLine();

    JOptionPane.showMessageDialog(this, s);

    br.close();

    } catch (IOException ex) {

    ex.printStackTrace();

    }

    }

    07/11/57 Java GUI using NetBeans 29

  • Kasetsart University

    ��������������

    07/11/57 Java GUI using NetBeans 30