ΚΕΦΑΛΑΙΟ 3. Μορφοποίηση

Transcript

1 Σαχπατζίδης Αβραάμ Καθηγητής Πληροφορικής Π.Ε 20 Master of Arts (M.A) in "Gender, New Forms of Education, New Forms of Employment and New Technologies in the Information Age". Μορφοποίηση ΚΕΦΑΛΑΙΟ 3 (1) Ανοίξτε την Visual Basic (2) Ανοίξτε το αρχείο «Greetings1.prj» που δημιουργήσατε στο προηγούμενο κεφάλαιο (3) Τρέξτε το πρόγραμμα σας. Στην οθόνη παρουσιάζεται το μήνυμα και η Ελληνική σημαία (σχήμα 1) Σχήμα 1 Αν προσέξετε όμως το μήνυμα δεν εμφανίζετε στο κέντρο της ετικέτας, είναι με πολύ μικρά γράμματα και δεν είναι ούτε καν σε έντονη γραφή. Επίσης το χρώμα της φόρμας, είναι γκρίζο, ένα χρώμα όχι και τόσο δημοφιλές. Θα μπορούσαμε μήπως να τα αλλάξουμε όλα αυτά από το παράθυρο ιδιοτήτων, ή ακόμη θα μπορούσαμε μήπως να αλλάξουμε τις τιμές των ιδιοτήτων; (4) Σταματήστε το πρόγραμμα σας και επιστρέψτε στο σχεδιαστικό περιβάλλον της φόρμας σας. Επιλέξτε την ετικέτα σας και παρατηρήστε τις ιδιότητες στο παράθυρο ιδιοτήτων (Σχήμα 2). Βρείτε την Ιδιότητα «Font (Γράμματα)». 1

2 Σχήμα 2 (5) Επιλέξτε την ιδιότητα αυτή, και το γνωστό σας παράθυρο από το WORD, για αλλαγή των γραμματοσειρών εμφανίζεται (Σχήμα 3) Σχήμα 3 Επιλέξτε γραμματοσειρά «ARIAL», «Bold Italic» και μέγεθος «18», ακολούθως πατήστε το κουμπί «ΟΚ». Τρέξτε το πρόγραμμα σας (Σχήμα 4) 2

3 Σχήμα 4 Το αποτέλεσμα είναι πολύ πιο καλό δεν είναι; Αλλά παρόλα αυτά το μήνυμα δεν είναι κεντραρισμένο. Επιστρέψτε ξανά στο περιβάλλον σχεδίασης (6) Επιλέξτε την ετικέτα και παρατηρήστε τις ιδιότητες. Προχωρήστε στην ιδιότητα «Alignment» και επιλέξτε την τιμή «Center» (Σχήμα 5) Σχήμα 5 (7) Τρέξτε το πρόγραμμα σας θα παρατηρήσετε ότι το μήνυμα εμφανίζεται στο κέντρο της ετικέτας. 3

4 Όλες οι ιδιότητες μπορούν να τεθούν κατά την διάρκεια του σχεδιασμού του προγράμματος, όπως τώρα, ή κατά την διάρκεια της εκτέλεσης του προγράμματος, εάν τις γράψουμε σε μορφή εντολών μέσα σε ένα κουμπί. Από το προηγούμενο κεφάλαιο έχομε μάθει ότι η μορφή της γραφής εντολών που τροποποιούν ιδιότητες είναι: Αντικείμενο.Ιδιότητα=Τιμή Ας υποθέσουμε ότι θέλουμε το χρώμα της ετικέτας και το φόντο της φόρμας να γίνονται μπλε και τα γράμματα άσπρα, επίσης στην ράβδο τίτλου να αναγράφεται η λέξη «Χαιρετίσματα», και όλα αυτά να συμβαίνουν μόνο όταν πατήσουμε το κουμπί «Greek» (8) Διπλό-πατήστε το κουμπί «Greek» για να ανοίξει ο κώδικας, προσθέστε τις επόμένες 4 γραμμές (Σχήμα 6) lblmessage.backcolor = vbblue lblmessage.forecolor = vbwhite Form1.Caption = Χαιρετίσματα" Form1.BackColor = vbblue 4

5 Σχήμα 14 Οι εντολές εξηγούν στο σύστημα ότι στην ετικέτα «lblmessage» άλλαξε την τιμή της ιδιότητας «BackColor» (Χρώμα φόντου της ετικέτας) σε μπλε. Το έτοιμο χρώμα μπλε στην «Visual Basic» μπορεί να χρησιμοποιηθεί με την χρήση της τιμής «vbblue». Με τον ίδιο τρόπο τα γράμματα του μηνύματος μέσα στην ετικέτα θα γίνουν λευκά, με το να αλλάξω την ιδιότητα γραμμάτων «ForeColor» στο λευκό χρώμα «vbwhite». Στην «Visual Basic» υπάρχουν έτοιμα τα πιο κάτω χρώματα Λευκό Μαύρο Κυανό Μπλε Μοβ Κόκκινο Κίτρινο Πράσινο vbwhite vbblack vbcyan vbblue vbmagenta vbred vbyellow vbgreen Την φόρμα μας δεν την έχομε ονομάσει, έτσι παραμένει το όνομα που της έχει δώσει το σύστημα «Form1» και με αυτό το όνομα θα πρέπει να την καλούμε. Όταν θέλουμε να αλλάξουμε τον τίτλο της ράβδου τίτλου, τότε θα πρέπει να δώσουμε μια νέα τιμή στην ιδιότητα «caption», της φόρμας. Όταν δε, θέλουμε να αλλάξουμε ολόκληρο το πίσω φόντο, θα πρέπει να δώσουμε μια νέα τιμή στην ιδιότητα «BackColor» της φόρμας. (9) Τρέξτε το πρόγραμμα σας, πατήστε το κουμπί «Greek», θα μπορέσετε να δείτε την φόρμα και ετικέτα να παίρνουν το μπλε χρώμα, τα γράμματα να γίνονται λευκά, και η ράβδος τίτλου να φέρει τον τίτλο «Χαιρετίσματα». Σταματήστε το πρόγραμμα σας. Σχόλια Οι καλοί προγραμματιστές επεξηγούν τι κάνουν οι εντολές τους μέσα στο πρόγραμμα, έτσι όταν μετά από καιρό κάποιοι άλλοι προγραμματιστές διαβάσουν τον κώδικα τους να καταλάβουν τι προσπαθούσαν να κάνουν χωρίς μεγάλο κόπο. Για αυτό τον λόγο χρειάζεται να προσθέτουμε «Σχόλια» στον κώδικα μας. Τα «Σχόλια (Comments)» δεν είναι τίποτε άλλο από απλές γραμμές κειμένου τις οποίες η «Visual Basic» αγνοεί και δεν εκτελεί. Για να μετατρέψετε ή να δημιουργήσετε μια γραμμή σε «Σχόλια» απλώς βάλτε στην αρχή της γραμμής το σύμβολο της αποστρόφου από το λατινικό πληκτρολόγιο (Να θυμάστε όταν γράφετε εντολές προγραμματισμού να χρησιμοποιείτε μόνο το Αγγλικό αλφάβητο και πληκτρολόγιο) (10) Διπλό-πατήστε το κουμπί «Greek», και προσθέστε τα «Σχόλια» που βλέπετε στο σχήμα 15. Όταν θα γράφετε τα «Σχόλια» θα πρέπει να βάζετε μπροστά την και το χρώμα των σχόλιων θα γίνετε πράσινο. 5

6 Α π ό στ ρ ο φ ο ς Σχόλια Σχήμα 15 Ομοιομορφία αντικειμένων φόρμας Αν προσέξετε τα δύο κουμπιά της φόρμας μας, δεν είναι ομοιόμορφα, το ένα είναι πιο μεγάλο, πιο πλατύ και πολλές φορές ούτε στην ίδια ευθεία. Για να πετύχουμε την ομοιομορφία στα αντικείμενα μας πρέπει να τα επιλέξουμε όλα μαζί, αφήστε πάντα τελευταίο το αντικείμενο που θέλετε σαν πρότυπο για τα άλλα (Σχήμα 16) 6

7 Επιλογή κουμπιών. Το πρότυπο φέρει μπλε κουκκίδες Σχήμα 16 Το κουμπί που επιλέχθηκε τελευταίο και θα χρησιμοποιηθεί σαν πρότυπο ξεχωρίζει από τις μπλε κουκκίδες, ενώ τα άλλα έχουν λευκές κουκκίδες. Η επιλογή των αντικειμένων γίνεται με τον συνδυασμό των κουμπιών «CTRL» + «Αριστερό ΚΛΙΚ» (11) Επιλέξτε την εντολή «Format» «Make Same Size» «Both» (Σχήμα 17) Σχήμα 17 7

8 Αυτή η εντολή θα κάνει τα κουμπιά να αποκτήσουν το ίδιο μέγεθος (12) Επιλέξτε την εντολή «Format» «Align» «Bottoms» (Σχήμα 18) Σχήμα 18 Αυτή η εντολή θα ευθυγραμμίσει τα κουμπιά Αποθηκεύστε την δουλειά σας. 8

9 Άσκηση Δημιουργήστε ακόμη τέσσερα κουμπιά. Τα κουμπιά αυτά θα αλλάζουν το μήνυμα στα Αγγλικά, Γαλλικά, Ισπανικά και Ιταλικά. Η μετάφραση του μηνύματος «Γεια σου κόσμε» στις γλώσσες αυτές είναι: Ελληνικά Αγγλικά Γαλλικά Ισπανικά Ιταλικά Γεια σου Hello World Bonjour tout le Holla Mundo Ciao Mondo Κόσμε monde Η φόρμα σας θα έχει την εμφάνιση του σχήματος 19 cmdgreek cmduk cmdfrance cmdspain cmditaly Σχήμα 19 Το κάθε κουμπί πρέπει να είναι ομοιόμορφο και ανάλογα ευθυγραμμισμένο με το κουμπί «Greek» ή το κουμπί «Exit». Τα ονόματα του κάθε κουμπιού φαίνονται στο σχήμα 19 Επιλέξτε τις σημαίες της κάθε χώρας και τοποθετήστε την μια πάνω στην άλλη (Σχήμα 20) 9

10 Σχήμα 20 Τις σημαίες θα τις βρείτε στους εξής χώρους Αγγλική \vb\icons\flags\flguk.ico Γαλλική \vb\icons\flags\flgfran.ico Ισπανική \vb\icons\flags\flgspain.ico Ιταλική \vb\icons\flags\flgitaly.ico Οι ιδιότητες της κάθε σημαίας φαίνονται στον πιο κάτω πίνακα Ιδιότητα Αγγλική Γαλλική Ισπανική Ιταλική Name imguk imgfra imgspain imgitaly Stretch True True True True Visible False False False False 10

11 Το χρώμα της ετικέτας, της φόρμας, και το γραμμάτων, καθώς επίσης και το μήνυμα της ράβδου, μπορείτε να τα δείτε στο πιο κάτω πίνακα Ελληνικά Αγγλικά Γαλλικά Ισπανικά Ιταλικά Φόρμα Μπλε Κόκκινη Άσπρο Κίτρινο Πράσινο Ετικέτα Μπλε Κόκκινο Κόκκινο Κίτρινο Κόκκινο Γράμματα Άσπρα Άσπρα Μπλε Κόκκινο Μπλε Ράβδος Χαιρετίσματα Greetings Bonjour Holla Ciao Όταν μια σημαία και ένα μήνυμα εμφανίζονται όλα τα άλλα θα πρέπει να είναι αόρατα. Για να σας βοηθήσουμε, ας κάνουμε τον κώδικα του κουμπιού της Αγγλίας. Διπλό-πατήστε το κουμπί «English». Γράψετε τον κώδικα του σχήματος 21 Το Αγγλικό μήνυμα Όλες οι σημαίες κάνουν την ιδιότητα «visible» «false», εκτός της Αγγλικής Τα Αγγλικά Χρώματα και μήνυμα Ράβδου Σχήμα 21 Ο νέος κώδικας βρίσκετε στην διαχείριση των ειδώλων (σημαιών). Θα πρέπει όλες οι άλλες σημαίες να είναι αόρατες, για αυτό τον λόγο η ιδιότητα «visible» παίρνει την τιμή «false», και μόνο η σημαία της χώρας που μας ενδιαφέρει, σε αυτή την περίπτωση η Αγγλική, θα πάρει την τιμή «true» 11

12 Τρέξετε το πρόγραμμα σας και πατήστε το κουμπί «English» ΑΣΚΗΣΗ Επαναλάβετε τις ίδιες εντολές για όλες τις χώρες Διορθώστε και το Ελληνικό κουμπί, έτσι ώστε όταν πατηθεί οι σημαίες όλων των άλλων χώρων να γίνονται αόρατες και να εμφανίζεται μόνο η Ελληνική. 12