INTRO TO GRAPHICAL USER INTERFACE

INTRO TO GRAPHICAL USER INTERFACE

1. interaction between user and system

2. How should a GUI be?

   • How can they be?
     • Standalone
       • Run by computer
     • Web
       • Run in a browser
     • Mobile
       • They run in your cellphone
   • Usability is key factor

3. The Frame

   • Main container for all elements in app
   • ie. minimize, maximize, close, move

4. Methods for Frame Using JFrame

   • setSize = sets height and width
   • setVisibile(boolean input) = sets frame visibility to user

5. The Panels

   • contain/divide GUI elements within frame
   • used to group GUI elements based on purpose

6. Layouts

   • setLayout(...)
   • GridlLayout
     • organized based on compass rose
     • setLayout(new GridLayout(rows, columns));
       • add(GUI component);
   • BorderLayout
     • thinking on matrix
     • setLayout(new BorderLayout());
       • add(GUI component, BorderLayout NORTH);