Εισαγωγή. Κεφάλαιο 2: Βασικές έννοιες Java Κεφάλαιο 3: Χρήση της Java στις σελίδες σας Κεφάλαιο 4: Οι πρώτες σας μικροεφαρμογές...

Transcript

1 ΠΕΡΙΕΧΟΜΕΝΑ Εισαγωγή... ix Κεφάλαιο 1: Τι είναι η Java;... 1 Ένα σύντομο μάθημα Ιστορίας...2 Γιατί να μάθει κανείς Java;...4 Διαδεδομένοι μύθοι για την Java...5 Τι θα χρειαστείτε...8 Οι διαφορετικές εκδόσεις της Java...9 Κεφάλαιο 2: Βασικές έννοιες Java Εισαγωγή στη θαυμαστή εικονική μηχανή της Java...12 Ασφάλεια της Java...13 Αρχεία της Java...14 Μπίνγκο ορολογίας...15 Κεφάλαιο 3: Χρήση της Java στις σελίδες σας Χρήση της ετικέτας APPLET στις σελίδες σας...22 Χρήση της ετικέτας Object στις σελίδες σας...24 Χρήση των ετικετών Object και Embed στις σελίδες σας...27 Εμφάνιση μηνύματος σε φυλλομετρητές που δεν υποστηρίζουν την Java...29 Τοποθέτηση μικροεφαρμογών Java στη σελίδα...31 Εύρεση μικροεφαρμογών στον Ιστό...33 Μεταβίβαση παραμέτρων σε μια μικροεφαρμογή...35 Κεφάλαιο 4: Οι πρώτες σας μικροεφαρμογές "Γεια σου κόσμε!"...40 Χρήση γραμματοσειρών...42 Ορισμός του χρώματος φόντου...43 Μεταβίβαση παραμέτρων από την HTML στην Java...44 Προσθήκη σχολίων...46 Αλλαγή του στυλ γραφής...47 Αλλαγή χρώματος...48 Κεφάλαιο 5: Αλφαριθμητικά Αλφαριθμητικές μεταβλητές...50 Περισσότερα για τα αλφαριθμητικά...52 Εύρος (εμβέλεια) μεταβλητών...54 Αλφαριθμητικές μέθοδοι...56 Αριθμοί όλων των τύπων...58 Μετατροπή αλφαριθμητικών σε αριθμητικά και αντίστροφα...61 Μετατροπές μεταξύ αριθμητικών τύπων...63 ΤΥΠΟΓΡΑΦΙΚΟ!Ακαθόριστος σελιδοδείκτης, V

2 vi Περιεχόμενα Κεφάλαιο 6: Κεφάλαιο 7: Μετατροπή με απόρριψη Πίνακες αντικειμένων Αποφάσεις...69 Συνθήκες: η εντολή if Εντοπισμός λαθών Περισσότερες συνθήκες: εντολές if/else Γύρω-γύρω όλοι: χρήση βρόχων Ένας άλλος βρόχος: while Ο τελευταίος βρόχος: do/while Έξοδος από το γύρω-γύρω ενός βρόχου Η περίπτωση της case Συνεργασία με το χρήστη...93 Σχεδίαση με το ποντίκι Σχεδίαση σε δύο διαστάσεις Ελεύθερη σχεδίαση "Σύλληψη" πληκτρολογήσεων Μετακίνηση εικόνων στη σελίδα Χρήση τροποποιητικών πλήκτρων Κεφάλαιο 8: Δημιουργία μιας διασύνδεσης χρήστη Κεφάλαιο 9: Προστασία σελίδας με κωδικό πρόσβασης Καταχώριση και εμφάνιση κειμένου Εργασία με πλαίσια ελέγχου Χρήση ραδιοπλήκτρων Χρήση επιλογών μενού Δημιουργία μενού γραμματοσειρών με την Java Χρήση περιοχών κειμένου Χρήση κυλιόμενων καταλόγων Θέματα διάταξης FlowLayout: η προεπιλεγμένη διάταξη Χρήση της διάταξης FlowLayout Ευρυχωρία για τη μικροεφαρμογή Χρήση της διάταξης BorderLayout Χρήση της διάταξης GridLayout Ένθεση διάταξης Προσθήκη συστατικών στοιχείων με χρήση φατνωμάτων Χρήση της διάταξης CardLayout Χρήση της διάταξης GridBagLayout Κεφάλαιο 10: Χειρισμός και κίνηση εικόνων Εμφάνιση μιας εικόνας Εμφάνιση μέρους μιας εικόνας Σχεδίαση περιγράμματος γύρω από μια εικόνα ΤΥΠΟΓΡΑΦΙΚΟ!Ακαθόριστος σελιδοδείκτης, VI

3 Περιεχόμενα vii Εμφάνιση πολλών εικόνων Νήματα και κινούμενες εικόνες Κίνηση εικόνων με χρήση διπλής περιοχής προσωρινής αποθήκευσης Εμφάνιση απεριόριστων εικόνων Έλεγχος της κίνησης των εικόνων Κεφάλαιο 11: Java και JavaScript Έλεγχος για υποστήριξη Java JavaScript και δημόσιες μέθοδοι της Java Μεταβίβαση πληροφοριών από την JavaScript στην Java Μεταβίβαση πληροφοριών από την Java στην JavaScript Κεφάλαιο 12: Σχεδίαση διασύνδεσης χρήστη με την εργαλειοθήκη Swing Η πρώτη σας μικροεφαρμογή Swing Ορισμός γραμματοσειρών με την εργαλειοθήκη Swing Πλαίσια ελέγχου της εργαλειοθήκης Swing Ραδιοπλήκτρα της εργαλειοθήκης Swing Ρύθμιση της "όψης και αίσθησης" της σελίδας με την εργαλειοθήκη Swing Κίνηση εικόνων με την εργαλειοθήκη Swing Η εργαλειοθήκη Swing εν δράσει Κεφάλαιο 13: Σελίδες και μικροϋπηρεσίες JavaServer Η πρώτη σας σελίδα JavaServer Σελίδες JSP και φόρμες Λήψη αποφάσεων με σελίδες JSP Δημιουργία "μπισκότων" με σελίδες JSP Ανάγνωση "μπισκότων" με σελίδες JSP Σελίδες JSP και κώδικας XML Η πρώτη σας μικροϋπηρεσία Δημοσκοπήσεις με μικροϋπηρεσίες Κεφάλαιο 14: Χρήση της Java με "οπτικά" εργαλεία Προσθήκη ετικετών applet με το Dreamweaver Προσθήκη ετικετών object με το Dreamweaver Προσθήκη ετικετών applet με το GoLive Προσθήκη ετικετών object με το GoLive Κεφάλαιο 15: Τρίλιζα Μια παρτίδα τρίλιζας Κεφάλαιο 16: Μια απλή αριθμομηχανή Μια απλή αριθμομηχανή Κεφάλαιο 17: Ιεραρχικά μενού Ιεραρχικά μενού της Java ΤΥΠΟΓΡΑΦΙΚΟ!Ακαθόριστος σελιδοδείκτης, VII

4 viii Περιεχόμενα Παράρτημα Α: Πού μπορείτε να μάθετε περισσότερα Η Java στον Ιστό Ηλεκτρονικά περιοδικά Ολοκληρωμένα περιβάλλοντα ανάπτυξης (IDE) Βιβλία για την Java Ομάδες συζήτησης Ανάπτυξη σε διαφορετικά υπολογιστικά συστήματα Παράρτημα Β: Δεσμευμένες λέξεις Δεσμευμένες λέξεις της Java Παράρτημα Γ: Ιεραρχία αντικειμένων της Java Το πακέτο java.applet Το πακέτο java.awt Το πακέτο java.awt.color Το πακέτο java.awt.datatransfer Το πακέτο java.awt.dnd Το πακέτο java.awt.event Το πακέτο java.awt.font Το πακέτο java.awt.geom Το πακέτο java.awt.im Το πακέτο java.awt.image Το πακέτο java.awt.image.renderable Το πακέτο java.awt.peer Το πακέτο java.awt.print Το πακέτο java.beans Το πακέτο java.beans.beancontext Το πακέτο java.io Το πακέτο java.lang Το πακέτο java.lang.ref Το πακέτο java.reflect Το πακέτο java.math Το πακέτο java.net Το πακέτο java.text Το πακέτο java.util Το πακέτο java.util.jar Το πακέτο java.util.zip Παράρτημα Δ: Διαφορές μεταξύ των εκδόσεων 1.0, 1.1, 1.2, και 1.3 του πακέτου JDK Το "παλιό" μοντέλο συμβάντων Ευρετήριο ΤΥΠΟΓΡΑΦΙΚΟ!Ακαθόριστος σελιδοδείκτης, VIII

5 ΘΕΜΑΤΑ ΔΙΑΤΑΞΗΣ Θα έχετε προσέξει ίσως στα προηγούμενα κεφάλαια ότι, στην Java, τα στοιχεία της διασύνδεσης χρήστη αποφασίζουν μόνα τους για το πού θα εμφανιστούν στο παράθυρο του φυλλομετρητή. Σε αυτό το κεφάλαιο θα δούμε με ποιον τρόπο μπορείτε να αναλάβετε εσείς τον έλεγχο της διασύνδεσης χρήστη χρησιμοποιώντας τις λειτουργίες διαχείρισης διάταξης (Layout- Managers) της Java. ΤΥΠΟΓΡΑΦΙΚΟ 145

6 132 Κεφάλαιο 9 FlowLayout: η προεπιλεγμένη διάταξη Αν δεν έχετε ορίσει να χρησιμοποιηθεί κάποια λειτουργία διαχείρισης διάταξης (LayoutManager), η Java υποθέτει ότι θέλετε να χρησιμοποιήσετε την απλούστερη από αυτές τις λειτουργίες που ονομάζεται FlowLayout (διάταξη ροής). Στο παράδειγμα της Λίστας 9.1 και της Μικροεφαρμογής 9.1 δημιουργείται ένα σύνολο κουμπιών τα οποία απλώς "ρέουν" όπου βρουν. Για να χρησιμοποιηθεί εξ ορισμού η διάταξη FlowLayout: buttontext = spaces.substring(1,i) "Button #" + i + spaces.substring(1,i); this.add(new Button(buttonText)); Με αυτές τις γραμμές κώδικα σχεδιάζονται στην οθόνη δέκα κουμπιά, όπως φαίνεται στις Εικόνες 9.1 και 9.2. Ε- πειδή δεν έχει οριστεί κάποια συγκεκριμένη διάταξη της λειτουργίας LayoutManager, τα κουμπιά εμφανίζονται στο κέντρο της περιοχής της μικροεφαρμογής. Λίστα 9.1 Εμφάνιση της Μικροεφαρμογής 9.1 στο παράθυρο του φυλλομετρητή. <html> <head> <title>listing 9.1</title> </head> <body bgcolor="white"> <object classid="clsid:8ad9c e-11d1- B3E F499D93" width="400" height="100" codetype="application/java"> <param name="code" value="applet1.class"> <param name="type" value="application/x-java- applet;version=1.3"> <param name="scriptable" value="false"> <embed type="application/x-java-applet; version=1.3" code="applet1.class" width="400" height="100" scriptable="false" pluginspage= " plugin-install.html"> </embed> </object> </body> </html> Μικροεφαρμογή 9.1 Αυτή η μικροεφαρμογή "ρίχνει" στο παράθυρο δέκα κουμπιά διαφόρων μεγεθών. import java.awt.*; import java.applet.*; public class Applet1 extends Applet { public void init() { String spaces = " ",buttontext; setbackground(color.white); for (int i=1; i<=10; i++) { buttontext = spaces.substring(1,i) + "Button #" + i + spaces.substring(1,i); this.add(new Button(buttonText)); ΤΥΠΟΓΡΑΦΙΚΟ 146

7 Θέματα διάταξης 133 Εικόνα 9.1 Έτσι εμφανίζεται αυτή η μικροεφαρμογή σε έναν υπολογιστή Macintosh... Συμβουλές Για να γίνει ακόμη πιο ξεκάθαρο αυτό το παράδειγμα, προσθέτουμε σε κάθε κουμπί όλο και περισσότερα κενά διαστήματα σε σχέση με το προηγούμενο. Με αυτόν τον τρόπο, τα κουμπιά έχουν όλο και μεγαλύτερο μέγεθος. Θα παρατηρήσατε ότι στο παράδειγμα του υπολογιστή Mac εμφανίστηκαν μόνο επτά από τα δέκα κουμπιά που έπρεπε να εμφανίσει η μικροεφαρμογή. Αυτό συμβαίνει επειδή τα κουμπιά που χρησιμοποιούν τη διασύνδεση Aqua του λειτουργικού συστήματος OS X είναι αρκετά μεγαλύτερα από τα κουμπιά που εμφανίζονται σε άλλα λειτουργικά συστήματα. Ηθικό δίδαγμα: να κάνετε όσο περισσότερες δοκιμές μπορείτε προκειμένου να εξασφαλίζετε ότι οι μικροεφαρμογές σας λειτουργούν σε όσο το δυνατό περισσότερα υπολογιστικά συστήματα. Για να λύσουμε αυτό το πρόβλημα στις υπόλοιπες μικροεφαρμογές αυτού του κεφαλαίου θα αυξήσουμε το ύψος και το πλάτος της περιοχής που δεσμεύουμε για την εμφάνιση κάθε μικροεφαρμογής. Εικόνα και με αυτές τις μικροδιαφορές σε ένα PC. ΤΥΠΟΓΡΑΦΙΚΟ 147

8 134 Κεφάλαιο 9 Χρήση της διάταξης FlowLayout Εναλλακτικά, μπορείτε να ορίσετε ρητώς ότι θέλετε να χρησιμοποιηθεί η διάταξη FlowLayout, κάτι που δίνει στη μικροεφαρμογή λίγο περισσότερο έλεγχο σε ό,τι αφορά την εμφάνιση των συστατικών της στοιχείων. Στη Λίστα 9.2 και τη Μικροεφαρμογή 9.2 μπορείτε να δείτε το παράδειγμα μιας μικροεφαρμογής στην οποία τα στοιχεία της διασύνδεσης χρήστη έ- χουν στοιχιστεί αριστερά. Λίστα 9.2 Αυτό το αρχείο HTML καλεί τη Μικροεφαρμογή 9.2. <html> <head> <title>listing 9.2</title> </head> <body bgcolor="white"> <object classid="clsid:8ad9c e-11d1- B3E F499D93" width="400" height="200" codetype="application/java"> <param name="code" value="applet2.class"> <param name="type" value="application/x-java- applet;version=1.3"> <param name="scriptable" value="false"> <embed type="application/x-java-applet; version=1.3" code="applet2.class" width="400" height="200" scriptable="false" pluginspage= " plugin-install.html"> </embed> </object> </body> </html> Μικροεφαρμογή 9.2 Να πώς μπορείτε να υποχρεώσετε τα κουμπιά να στοιχιστούν αριστερά. import java.awt.*; import java.applet.*; public class Applet2 extends Applet { public void init() { String spaces = " ",buttontext; setbackground(color.white); this.setlayout(new FlowLayout (FlowLayout.LEFT)); for (int i=1; i<=10; i++) { buttontext = spaces.substring(1,i) + "Button #" + i + spaces.substring(1,i); this.add(new Button(buttonText)); ΤΥΠΟΓΡΑΦΙΚΟ 148

9 Θέματα διάταξης 135 Εικόνα 9.3 Τα ίδια κουμπιά στον υπολογιστή Mac, αυτή τη φορά στοιχισμένα αριστερά. Για να χρησιμοποιήσετε τη διάταξη FlowLayout ρητώς: this.setlayout(new FlowLayout(FlowLayout.LEFT)); Ο καλύτερος τρόπος για να κατανοήσετε αυτή τη γραμμή κώδικα είναι να ξεκινήσετε από τις εσωτερικές παρενθέσεις. Η FlowLayout.LEFT είναι μια σταθερά της Java η οποία πληροφορεί τη μικροεφαρμογή ότι πρέπει να εμφανίσει τα αντικείμενα με αριστερή στοίχιση. Εναλλακτικά, θα μπορούσαμε να χρησιμοποιήσουμε μια από τις σταθερές FlowLayout.RIGHT ή FlowLayout.CENTER για να στοιχιστούν, αντίστοιχα, τα στοιχεία δεξιά ή στο κέντρο. Η σταθερά που ορίζει τη στοίχιση μεταβιβάζεται σε μια τάξη, τη FlowLayout. Κατόπιν, δημιουργείται μια νέα παρουσία αυτής της τάξης (με τη χρήση της λέξης-κλειδιού new) και μεταβιβάζεται στη μέθοδο this.setlayout, η ο- ποία ορίζει τη λειτουργία διαχείρισης διάταξης που θα χρησιμοποιηθεί σε αυτή τη μικροεφαρμογή. Στις Εικόνες 9.3 και 9.4 μπορείτε να δείτε τα κουμπιά με τη νέα τους αριστερή στοίχιση. Εικόνα 9.4 Τα ίδια κουμπιά με αριστερή στοίχιση στα Windows. ΤΥΠΟΓΡΑΦΙΚΟ 149

10 136 Κεφάλαιο 9 Ευρυχωρία για τη μικροεφαρμογή Εκτός από τον ορισμό της στοίχισης των στοιχείων της διασύνδεσης χρήστη, μπορείτε επίσης να ορίσετε και πόσο χώρο θέλετε να αφήνει η μικροεφαρμογή μεταξύ τους. Όπως και η στοίχιση, η προσθήκη κενού χώρου ορίζεται μόνο μία φορά για τη μικροεφαρμογή και εφαρμόζεται σε κάθε συστατικό της στοιχείο. Το παράδειγμα της Λίστας 9.3 και της Μικροεφαρμογής 9.3 δείχνει μια μικροεφαρμογή με δεξιά στοίχιση και σαφώς μεγαλύτερη ευρυχωρία. Λίστα 9.3 Αυτή η λίστα καλεί τη Μικροεφαρμογή 9.3. <html> <head> <title>listing 9.3</title> </head> <body bgcolor="white"> <object classid="clsid:8ad9c e-11d1- B3E F499D93" width="400" height="200" codetype="application/java"> <param name="code" value="applet3.class"> <param name="type" value="application/x-java- applet;version=1.3"> <param name="scriptable" value="false"> <embed type="application/x-java-applet; version=1.3" code="applet3.class" width="400" height="200" scriptable="false" pluginspage= " plugin-install.html"> </embed> </object> </body> </html> Μικροεφαρμογή 9.3 Αυτή η παραλλαγή της μικροεφαρμογής εμφανίζει τα κουμπιά με δεξιά στοίχιση και αυξημένες αποστάσεις μεταξύ τους. import java.awt.*; import java.applet.*; public class Applet3 extends Applet { public void init() { String spaces = " ",buttontext; setbackground(color.white); this.setlayout(new FlowLayout(FlowLayout. RIGHT,35,5)); for (int i=1; i<=10; i++) { buttontext = spaces.substring(1,i) + "Button #" + i + spaces. substring(1,i); this.add(new Button(buttonText)); ΤΥΠΟΓΡΑΦΙΚΟ 150

11 Θέματα διάταξης 137 Εικόνα 9.5 Αυτά τα κουμπιά είναι στοιχισμένα δεξιά... Για να ορίσετε τις αποστάσεις στη διάταξη FlowLayout: this.setlayout(new FlowLayout(FlowLayout.RIGHT, 35,5)); Κατά τη δημιουργία της παρουσίας της τάξης FlowLayout είναι δυνατό να μεταβιβαστεί είτε μόνο μία παράμετρος (όπως στο προηγούμενο παράδειγμα) είτε τρεις. Η δεύτερη παράμετρος είναι η οριζόντια απόσταση μεταξύ των συστατικών στοιχείων και η τρίτη είναι η κατακόρυφη απόσταση. Σε αυτό το παράδειγμα, η οριζόντια απόσταση είναι 35 πίξελ και η κατακόρυφη 5. Στις Εικόνες 9.5 και 9.6 μπορείτε να δείτε πώς εμφανίζεται η μικροεφαρμογή σε διαφορετικούς φυλλομετρητές. Συμβουλή Σε αυτό το παράδειγμα, χρησιμοποιήσαμε τη λέξη "συστατικό στοιχείο" για να αναφερθούμε στα στοιχεία μιας διασύνδεσης χρήστη. Αργότερα θα δούμε ότι ένα συστατικό στοιχείο μπορεί να περιλαμβάνει πολύ περισσότερα πράγματα από ένα απλό κουμπί. Εικόνα ενώ μεταξύ τους υπάρχει αρκετός χώρος. ΤΥΠΟΓΡΑΦΙΚΟ 151

12 138 Κεφάλαιο 9 Χρήση της διάταξης BorderLayout Η διάταξη FlowLayout δεν είναι η μοναδική επιλογή που προσφέρει η λειτουργία LayoutManager της Java αλλά είναι η απλούστερη. Η διάταξη BorderLayout (διάταξη περιγράμματος) έχει λίγο περισσότερες δυνατότητες χωρίς να είναι πολύ πιο περίπλοκη. Μια μικροεφαρμογή που χρησιμοποιεί τη διάταξη BorderLayout μπορεί να χειριστεί μέχρι πέντε συστατικά στοιχεία, σε καθένα από τα οποία αποδίδεται μια κατεύθυνση: North (βόρεια), South (νότια), East (ανατολικά), West (δυτικά), ή Center (κέντρο). Τα συστατικά North και South εμφανίζονται με πλάτος όσο ολόκληρης της περιοχής της μικροεφαρμογής και τόσο ύψος όσο είναι αρκετό για την εμφάνιση του ονόματος του κουμπιού. Τα συστατικά East και West εμφανίζονται με τόσο ύ- ψος όσο απαιτείται για να καταλάβουν ολόκληρη την περιοχή της μικροεφαρμογής και πλάτος τόσο όσο χρειάζεται για την εμφάνιση του ονόματος του κουμπιού. Τέλος, το συστατικό στοιχείο Center καταλαμβάνει το χώρο που απομένει. Το παράδειγμα της Λίστας 9.4 και της Μικροεφαρμογής 9.4 δείχνει τη διάταξη BorderLayout σε δράση. Λίστα 9.4 Αυτό το αρχείο HTML εμφανίζει στο παράθυρο τη Μικροεφαρμογή 9.4. <html> <head> <title>listing 9.4</title> </head> <body bgcolor="white"> <object classid="clsid:8ad9c e-11d1- B3E F499D93" width="400" height="100" codetype="application/java"> <param name="code" value="applet4.class"> <param name="type" value="application/x-java- applet;version=1.3"> <param name="scriptable" value="false"> <embed type="application/x-java-applet; version=1.3" code="applet4.class" width="400" height="100" scriptable="false" pluginspage= " plugin-install.html"> </embed> </object> </body> </html> Μικροεφαρμογή 9.4 Ένα απλό παράδειγμα χρήσης της διάταξης BorderLayout. import java.awt.*; import java.applet.*; public class Applet4 extends Applet { public void init() { String[] borders = {"North","West", "Center","East","South"; setbackground(color.white); this.setlayout(new BorderLayout(35,5)); for (int i=0; i<5; i++) { this.add(borders[i], new Button (borders[i] + " Button")); ΤΥΠΟΓΡΑΦΙΚΟ 152

13 Θέματα διάταξης 139 Εικόνα 9.7 Σε μια μικροεφαρμογή που χρησιμοποιεί τη διάταξη BorderLayout έχετε τη δυνατότητα να καθορίσετε σε ποια από τις πέντε προκαθορισμένες θέσεις θα τοποθετηθεί κάθε συστατικό στοιχείο. Για να χρησιμοποιήσετε τη διάταξη BorderLayout: 1. this.setlayout(new BorderLayout(35,5)); Με αυτή τη γραμμή κώδικα ορίζεται η χρήση της διάταξης BorderLayout της λειτουργίας LayoutManager, με οριζόντιες αποστάσεις 35 πίξελ και κατακόρυφες αποστάσεις 5 πίξελ. 2. this.add(borders[i], new Button(borders[i] + " Button")); Εδώ προσθέτουμε στο παράθυρο πέντε κουμπιά, καθένα σε μια συγκεκριμένη θέση ή κατεύθυνση (η πρώτη παράμετρος) και μοναδικό όνομα (η δεύτερη παράμετρος) ανάλογα με τη θέση του κουμπιού. Στις Εικόνες 9.7 και 9.8 μπορείτε να δείτε πώς εμφανίζεται η μικροεφαρμογή στο παράθυρο μετά την ολοκλήρωσή της. Εικόνα 9.8 Αλλά υπάρχει ο περιορισμός ότι σε κάθε θέση μπορεί να τοποθετηθεί μόνο ένα συστατικό στοιχείο. ΤΥΠΟΓΡΑΦΙΚΟ 153

14 140 Κεφάλαιο 9 Χρήση της διάταξης GridLayout Μια άλλη επιλογή της λειτουργίας LayoutManager είναι η διάταξη GridLayout (διάταξη πλέγματος). Με αυτή τη διάταξη, τα συστατικά στοιχεία της μικροεφαρμογής εμφανίζονται σε στοιχισμένες γραμμές και στήλες. Το παράδειγμα της Λίστας 9.5 και της Μικροεφαρμογής 9.5 δείχνει πώς μπορεί να χρησιμοποιηθεί η διάταξη GridLayout. Λίστα 9.5 Κλήση της Μικροεφαρμογής 9.5. <html> <head> <title>listing 9.5</title> </head> <body bgcolor="white"> <object classid="clsid:8ad9c e-11d1- B3E F499D93" width="400" height="100" codetype="application/java"> <param name="code" value="applet5.class"> <param name="type" value="application/x-java- applet;version=1.3"> <param name="scriptable" value="false"> <embed type="application/x-java-applet; version=1.3" code="applet5.class" width="400" height="100" scriptable="false" pluginspage= " plugin-install.html"> </embed> </object> </body> </html> Μικροεφαρμογή 9.5 Ένα παράδειγμα χρήσης της διάταξης GridLayout σε πλέγμα 3 επί 3. import java.awt.*; import java.applet.*; public class Applet5 extends Applet { public void init() { setbackground(color.white); this.setlayout(new GridLayout(0,3,20,20)); for (int i=1; i<10; i++) { this.add(new Button(" Button "+i)); ΤΥΠΟΓΡΑΦΙΚΟ 154

15 Θέματα διάταξης 141 Για να χρησιμοποιήσετε τη διάταξη GridLayout: this.setlayout(new GridLayout(0,3,20,20)); Η διάταξη GridLayout μπορεί να δεχτεί δύο ή τέσσερις παραμέτρους. Οι δύο πρώτες είναι πάντα το πλήθος των γραμμών και το πλήθος των στηλών στις οποίες θα εμφανίσει η μικροεφαρμογή τα στοιχεία της διασύνδεσης. Αν της μεταβιβαστούν τέσσερις παράμετροι, η τρίτη ορίζει τις οριζόντιες αποστάσεις και η τέταρτη τις κατακόρυφες. Μπορείτε να δείτε το όμορφα τακτοποιημένο πλέγμα των κουμπιών μας στις Εικόνες 9.9 και Εικόνα 9.9 Τρία κουμπιά ανά γραμμή και ανά στήλη... Συμβουλή Σε αυτό το παράδειγμα, το πλήθος των γραμμών που μεταβιβάζουμε στη διάταξη είναι μηδέν ενώ το πλήθος των στηλών τρεις. Όταν η μία από αυτές τις δύο παραμέτρους είναι μηδέν, η τελική της τιμή υπολογίζεται με βάση την τιμή της άλλης παραμέτρου και το πλήθος των συστατικών στοιχείων που πρέπει να εμφανιστούν στην οθόνη. Εικόνα σε απόλυτα στοιχισμένες γραμμές και στήλες. ΤΥΠΟΓΡΑΦΙΚΟ 155