gui i is 313 2.6.03. outline quiz quiz solution gui components layout
DESCRIPTION
Simple Swing ApplicationTRANSCRIPT
![Page 1: GUI I IS 313 2.6.03. Outline Quiz Quiz solution GUI components Layout](https://reader035.vdocuments.us/reader035/viewer/2022062219/5a4d1b2b7f8b9ab059999303/html5/thumbnails/1.jpg)
GUI IIS 3132.6.03
![Page 2: GUI I IS 313 2.6.03. Outline Quiz Quiz solution GUI components Layout](https://reader035.vdocuments.us/reader035/viewer/2022062219/5a4d1b2b7f8b9ab059999303/html5/thumbnails/2.jpg)
Outline Quiz Quiz solution GUI components Layout
![Page 3: GUI I IS 313 2.6.03. Outline Quiz Quiz solution GUI components Layout](https://reader035.vdocuments.us/reader035/viewer/2022062219/5a4d1b2b7f8b9ab059999303/html5/thumbnails/3.jpg)
Simple Swing Application
![Page 4: GUI I IS 313 2.6.03. Outline Quiz Quiz solution GUI components Layout](https://reader035.vdocuments.us/reader035/viewer/2022062219/5a4d1b2b7f8b9ab059999303/html5/thumbnails/4.jpg)
Standard UI program Main program
Creates a window Adds components Displays
Component maker Creates, customizes components Sets event handlers
![Page 5: GUI I IS 313 2.6.03. Outline Quiz Quiz solution GUI components Layout](https://reader035.vdocuments.us/reader035/viewer/2022062219/5a4d1b2b7f8b9ab059999303/html5/thumbnails/5.jpg)
Application Architecture
UI
User
Applicationlogic
![Page 6: GUI I IS 313 2.6.03. Outline Quiz Quiz solution GUI components Layout](https://reader035.vdocuments.us/reader035/viewer/2022062219/5a4d1b2b7f8b9ab059999303/html5/thumbnails/6.jpg)
Java UI Topics UI Components Containment hierarchy Layout management Event handling
![Page 7: GUI I IS 313 2.6.03. Outline Quiz Quiz solution GUI components Layout](https://reader035.vdocuments.us/reader035/viewer/2022062219/5a4d1b2b7f8b9ab059999303/html5/thumbnails/7.jpg)
Top-Level ComponentsApplet Dialog Frame
![Page 8: GUI I IS 313 2.6.03. Outline Quiz Quiz solution GUI components Layout](https://reader035.vdocuments.us/reader035/viewer/2022062219/5a4d1b2b7f8b9ab059999303/html5/thumbnails/8.jpg)
Intermediate ContainersPanel ScrollPane
TabbedPane
SplitPane
Toolbar
![Page 9: GUI I IS 313 2.6.03. Outline Quiz Quiz solution GUI components Layout](https://reader035.vdocuments.us/reader035/viewer/2022062219/5a4d1b2b7f8b9ab059999303/html5/thumbnails/9.jpg)
Basic ControlsButtons ListComboBox
TextFieldSliderMenu
![Page 10: GUI I IS 313 2.6.03. Outline Quiz Quiz solution GUI components Layout](https://reader035.vdocuments.us/reader035/viewer/2022062219/5a4d1b2b7f8b9ab059999303/html5/thumbnails/10.jpg)
Non-editable Display
ProgressBarLabel ToolTip
![Page 11: GUI I IS 313 2.6.03. Outline Quiz Quiz solution GUI components Layout](https://reader035.vdocuments.us/reader035/viewer/2022062219/5a4d1b2b7f8b9ab059999303/html5/thumbnails/11.jpg)
Editable Display
TextTable Tree
![Page 12: GUI I IS 313 2.6.03. Outline Quiz Quiz solution GUI components Layout](https://reader035.vdocuments.us/reader035/viewer/2022062219/5a4d1b2b7f8b9ab059999303/html5/thumbnails/12.jpg)
Text Components
![Page 13: GUI I IS 313 2.6.03. Outline Quiz Quiz solution GUI components Layout](https://reader035.vdocuments.us/reader035/viewer/2022062219/5a4d1b2b7f8b9ab059999303/html5/thumbnails/13.jpg)
Examples Example 2
two-tiered architecture Example 3
specialized component design
![Page 14: GUI I IS 313 2.6.03. Outline Quiz Quiz solution GUI components Layout](https://reader035.vdocuments.us/reader035/viewer/2022062219/5a4d1b2b7f8b9ab059999303/html5/thumbnails/14.jpg)
Layout Manager Maintains topological relationship between
components Follows a set of layout rules Uses constraints specified by the
programmer
![Page 15: GUI I IS 313 2.6.03. Outline Quiz Quiz solution GUI components Layout](https://reader035.vdocuments.us/reader035/viewer/2022062219/5a4d1b2b7f8b9ab059999303/html5/thumbnails/15.jpg)
Border Layout
![Page 16: GUI I IS 313 2.6.03. Outline Quiz Quiz solution GUI components Layout](https://reader035.vdocuments.us/reader035/viewer/2022062219/5a4d1b2b7f8b9ab059999303/html5/thumbnails/16.jpg)
Border Layout Topology
Two-dimensional distribution Rules
Corner and edge components = preferred size Center component = all extra
Constraints Component sector
![Page 17: GUI I IS 313 2.6.03. Outline Quiz Quiz solution GUI components Layout](https://reader035.vdocuments.us/reader035/viewer/2022062219/5a4d1b2b7f8b9ab059999303/html5/thumbnails/17.jpg)
Flow Layout
![Page 18: GUI I IS 313 2.6.03. Outline Quiz Quiz solution GUI components Layout](https://reader035.vdocuments.us/reader035/viewer/2022062219/5a4d1b2b7f8b9ab059999303/html5/thumbnails/18.jpg)
Flow Layout Topology
One-dimensional adjacency Rules
All components = preferred size Constraints
Order of insertion
![Page 19: GUI I IS 313 2.6.03. Outline Quiz Quiz solution GUI components Layout](https://reader035.vdocuments.us/reader035/viewer/2022062219/5a4d1b2b7f8b9ab059999303/html5/thumbnails/19.jpg)
Grid Layout
![Page 20: GUI I IS 313 2.6.03. Outline Quiz Quiz solution GUI components Layout](https://reader035.vdocuments.us/reader035/viewer/2022062219/5a4d1b2b7f8b9ab059999303/html5/thumbnails/20.jpg)
Grid Layout Topology
Two-dimensional distribution Rules
All components = same size Constraints
Order of insertion Left-to-right Top-to-bottom
![Page 21: GUI I IS 313 2.6.03. Outline Quiz Quiz solution GUI components Layout](https://reader035.vdocuments.us/reader035/viewer/2022062219/5a4d1b2b7f8b9ab059999303/html5/thumbnails/21.jpg)
GridBag Layout
![Page 22: GUI I IS 313 2.6.03. Outline Quiz Quiz solution GUI components Layout](https://reader035.vdocuments.us/reader035/viewer/2022062219/5a4d1b2b7f8b9ab059999303/html5/thumbnails/22.jpg)
GridBag Layout Topology
Two-dimensional distribution Rules
Components = preferred size Extra space allocated using constraints
Constraints Grid location, cell span, padding Fill dimension Weight
![Page 23: GUI I IS 313 2.6.03. Outline Quiz Quiz solution GUI components Layout](https://reader035.vdocuments.us/reader035/viewer/2022062219/5a4d1b2b7f8b9ab059999303/html5/thumbnails/23.jpg)
Box Layout
![Page 24: GUI I IS 313 2.6.03. Outline Quiz Quiz solution GUI components Layout](https://reader035.vdocuments.us/reader035/viewer/2022062219/5a4d1b2b7f8b9ab059999303/html5/thumbnails/24.jpg)
Box Layout Topology
One-dimensional stacking Rules
Components = preferred size Extra space allocated using special purpose
“filler components” Constraints
Alignment Order of insertion
![Page 25: GUI I IS 313 2.6.03. Outline Quiz Quiz solution GUI components Layout](https://reader035.vdocuments.us/reader035/viewer/2022062219/5a4d1b2b7f8b9ab059999303/html5/thumbnails/25.jpg)
Example I: ListDialog
![Page 26: GUI I IS 313 2.6.03. Outline Quiz Quiz solution GUI components Layout](https://reader035.vdocuments.us/reader035/viewer/2022062219/5a4d1b2b7f8b9ab059999303/html5/thumbnails/26.jpg)
Example Layout II
![Page 27: GUI I IS 313 2.6.03. Outline Quiz Quiz solution GUI components Layout](https://reader035.vdocuments.us/reader035/viewer/2022062219/5a4d1b2b7f8b9ab059999303/html5/thumbnails/27.jpg)
Example Layouts III
![Page 28: GUI I IS 313 2.6.03. Outline Quiz Quiz solution GUI components Layout](https://reader035.vdocuments.us/reader035/viewer/2022062219/5a4d1b2b7f8b9ab059999303/html5/thumbnails/28.jpg)
Example Layout IV