ΠΡΟΓΡΑΜΜΑΤΙΣΜΟΣ Η/Υ Ενότητα: Μορφοποίηση ΚΥΡΟΠΟΥΛΟΣ ΚΩΝΣΤΑΝΤΙΝΟΣ Τμήμα Διοίκηση Επιχειρήσεων (Κοζάνη)
Άδειες Χρήσης Το παρόν εκπαιδευτικό υλικό υπόκειται σε άδειες χρήσης Creative Commons. Για εκπαιδευτικό υλικό, όπως εικόνες, που υπόκειται σε άλλου τύπου άδειας χρήσης, η άδεια χρήσης αναφέρεται ρητώς. Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί στα πλαίσια του εκπαιδευτικού έργου του διδάσκοντα. Το έργο «Ανοικτά Ακαδημαϊκά Μαθήματα στο TEI Δυτικής Μακεδονίας και στην Ανώτατη Εκκλησιαστική Ακαδημία Θεσσαλονίκης» έχει χρηματοδοτήσει μόνο τη αναδιαμόρφωση του εκπαιδευτικού υλικού. Το έργο υλοποιείται στο πλαίσιο του Επιχειρησιακού Προγράμματος «Εκπαίδευση και Δια Βίου Μάθηση» και συγχρηματοδοτείται από την Ευρωπαϊκή Ένωση (Ευρωπαϊκό Κοινωνικό Ταμείο) και από εθνικούς πόρους. 2
Περιεχόμενα 1. Μορφοποίηση... 4 2. Ομοιομορφία αντικειμένων φόρμας... 10 3. Άσκηση 1... 12 4. Άσκηση 2... 15 5. Παράρτημα... 15 3
1. Μορφοποίηση (1) Ανοίξτε την Visual Basic (2) Ανοίξτε το αρχείο «Greetings1.prj» που δημιουργήσατε στο προηγούμενο κεφάλαιο (3) Τρέξτε το πρόγραμμα σας. Στην οθόνη παρουσιάζεται το μήνυμα και η Ελληνική σημαία (σχήμα 1) Σχήμα 1 Αν προσέξετε όμως το μήνυμα δεν εμφανίζεται στο κέντρο της ετικέτας, είναι με πολύ μικρά γράμματα και δεν είναι ούτε καν σε έντονη γραφή. Επίσης το χρώμα της φόρμας, είναι γκρίζο, ένα χρώμα όχι και τόσο δημοφιλές. Θα μπορούσαμε μήπως να τα αλλάξουμε όλα αυτά από το παράθυρο ιδιοτήτων, ή ακόμη θα μπορούσαμε μήπως να αλλάξουμε τις τιμές των ιδιοτήτων; (4) Σταματήστε το πρόγραμμα σας και επιστρέψτε στο σχεδιαστικό περιβάλλον της φόρμας σας. Επιλέξτε την ετικέτα σας και παρατηρήστε τις ιδιότητες στο παράθυρο ιδιοτήτων (Σχήμα 2). Βρείτε την Ιδιότητα «Font (Γράμματα)». 4
Σχήμα 2 (5) Επιλέξτε την ιδιότητα αυτή, και το γνωστό σας παράθυρο από το WORD, για αλλαγή των γραμματοσειρών εμφανίζεται (Σχήμα 3) Σχήμα 3 Επιλέξτε γραμματοσειρά «ARIAL», «Bold Italic» και μέγεθος «18», ακολούθως πατήστε το κουμπί «ΟΚ». Τρέξτε το πρόγραμμα σας (Σχήμα 4) 5
Σχήμα 4 Το αποτέλεσμα είναι πολύ πιο καλό δεν είναι; Αλλά παρόλα αυτά το μήνυμα δεν είναι κεντραρισμένο. Επιστρέψτε ξανά στο περιβάλλον σχεδίασης (6) Επιλέξτε την ετικέτα και παρατηρήστε τις ιδιότητες. Προχωρήστε στην ιδιότητα «Alignment» και επιλέξτε την τιμή «Center» (Σχήμα 5) 6
Σχήμα 5 (7) Τρέξτε το πρόγραμμα σας θα παρατηρήσετε ότι το μήνυμα εμφανίζεται στο κέντρο της ετικέτας. Όλες οι ιδιότητες μπορούν να τεθούν κατά την διάρκεια του σχεδιασμού του προγράμματος, όπως τώρα, ή κατά την διάρκεια της εκτέλεσης του προγράμματος, εάν τις γράψουμε σε μορφή εντολών μέσα σε ένα κουμπί. Από το προηγούμενο κεφάλαιο έχομε μάθει ότι η μορφή της γραφής εντολών που τροποποιούν ιδιότητες είναι: Αντικείμενο.Ιδιότητα=Τιμή Ας υποθέσουμε ότι θέλουμε το χρώμα της ετικέτας και το φόντο της φόρμας να γίνονται μπλε και τα γράμματα άσπρα, επίσης στην ράβδο τίτλου να αναγράφεται η λέξη «Χαιρετίσματα», και όλα αυτά να συμβαίνουν μόνο όταν πατήσουμε το κουμπί «Greek» (8) Διπλό-πατήστε το κουμπί «Greek» για να ανοίξει ο κώδικας, προσθέστε τις επόμένες 4 γραμμές (Σχήμα 6) lblmessage.backcolor = vbblue lblmessage.forecolor = vbwhite Form1.Caption = Χαιρετίσματα" 7
Σχήμα 14 Οι εντολές εξηγούν στο σύστημα ότι στην ετικέτα «lblmessage» άλλαξε την τιμή της ιδιότητας «BackColor» (Χρώμα φόντου της ετικέτας) σε μπλε. Το έτοιμο χρώμα μπλε στην «Visual Basic» μπορεί να χρησιμοποιηθεί με την χρήση της τιμής «vbblue». Με τον ίδιο τρόπο τα γράμματα του μηνύματος μέσα στην ετικέτα θα γίνουν λευκά, με το να αλλάξω την ιδιότητα γραμμάτων «ForeColor» στο λευκό χρώμα «vbwhite». Στην «Visual Basic» υπάρχουν έτοιμα τα πιο κάτω χρώματα Λευκό Μαύρο Κυανό Μπλε Μοβ Κόκκινο Κίτρινο vbwhite vbblack vbcyan vbblue vbmagenta vbred vbyellow 8
Πράσινο vbgreen Την φόρμα μας δεν την έχομε ονομάσει, έτσι παραμένει το όνομα που της έχει δώσει το σύστημα «Form1» και με αυτό το όνομα θα πρέπει να την καλούμε. Όταν θέλουμε να αλλάξουμε τον τίτλο της ράβδου τίτλου, τότε θα πρέπει να δώσουμε μια νέα τιμή στην ιδιότητα «caption», της φόρμας. Όταν δε, θέλουμε να αλλάξουμε ολόκληρο το πίσω φόντο, θα πρέπει να δώσουμε μια νέα τιμή στην ιδιότητα «BackColor» της φόρμας. (9) Τρέξτε το πρόγραμμα σας, πατήστε το κουμπί «Greek», θα μπορέσετε να δείτε την φόρμα και ετικέτα να παίρνουν το μπλε χρώμα, τα γράμματα να γίνονται λευκά, και η ράβδος τίτλου να φέρει τον τίτλο «Χαιρετίσματα». Σταματήστε το πρόγραμμα σας. Σχόλια Οι καλοί προγραμματιστές επεξηγούν τι κάνουν οι εντολές τους μέσα στο πρόγραμμα, έτσι όταν μετά από καιρό κάποιοι άλλοι προγραμματιστές διαβάσουν τον κώδικα τους να καταλάβουν τι προσπαθούσαν να κάνουν χωρίς μεγάλο κόπο. Για αυτό τον λόγο χρειάζεται να προσθέτουμε «Σχόλια» στον κώδικα μας. Τα «Σχόλια (Comments)» δεν είναι τίποτε άλλο από απλές γραμμές κειμένου τις οποίες η «Visual Basic» αγνοεί και δεν εκτελεί. Για να μετατρέψετε ή να δημιουργήσετε μια γραμμή σε «Σχόλια» απλώς βάλτε στην αρχή της γραμμής το σύμβολο της αποστρόφου από το λατινικό πληκτρολόγιο (Να θυμάστε όταν γράφετε εντολές προγραμματισμού να χρησιμοποιείτε μόνο το Αγγλικό αλφάβητο και πληκτρολόγιο) (10) Διπλό-πατήστε το κουμπί «Greek», και προσθέστε τα «Σχόλια» που βλέπετε στο σχήμα 15. Όταν θα γράφετε τα «Σχόλια» θα πρέπει να βάζετε μπροστά την και το χρώμα των σχόλιων θα γίνετε πράσινο. 9
Α π ό στ ρ ο φ ο ς Σχόλια Σχήμα 15 2. Ομοιομορφία αντικειμένων φόρμας Αν προσέξετε τα δύο κουμπιά της φόρμας μας, δεν είναι ομοιόμορφα, το ένα είναι πιο μεγάλο, πιο πλατύ και πολλές φορές ούτε στην ίδια ευθεία. Για να πετύχουμε την ομοιομορφία στα αντικείμενα μας πρέπει να τα επιλέξουμε όλα μαζί, αφήστε πάντα τελευταίο το αντικείμενο που θέλετε σαν πρότυπο για τα άλλα (Σχήμα 16) 10
Επιλογή κουμπιών. Το πρότυπο φέρει μπλε κουκκίδες Σχήμα 16 Το κουμπί που επιλέχθηκε τελευταίο και θα χρησιμοποιηθεί σαν πρότυπο ξεχωρίζει από τις μπλε κουκκίδες, ενώ τα άλλα έχουν λευκές κουκκίδες. Η επιλογή των αντικειμένων γίνεται με τον συνδυασμό των κουμπιών «CTRL» + «Αριστερό ΚΛΙΚ» (11) Επιλέξτε την εντολή «Format» «Make Same Size» «Both» (Σχήμα 17) Σχήμα 17 11
Αυτή η εντολή θα κάνει τα κουμπιά να αποκτήσουν το ίδιο μέγεθος (12) Επιλέξτε την εντολή «Format» «Align» «Bottoms» (Σχήμα 18) Σχήμα 18 Αυτή η εντολή θα ευθυγραμμίσει τα κουμπιά Αποθηκεύστε την δουλειά σας. 3. Άσκηση 1 Δημιουργήστε ακόμη τέσσερα κουμπιά. Τα κουμπιά αυτά θα αλλάζουν το μήνυμα στα Αγγλικά, Γαλλικά, Ισπανικά και Ιταλικά. Η μετάφραση του μηνύματος «Γεια σου κόσμε» στις γλώσσες αυτές είναι: Ελληνικά Αγγλικά Γαλλικά Ισπανικά Ιταλικά Γεια σου Κόσμε Hello World Bonjour tout le monde Holla Mundo Ciao Mondo Η φόρμα σας θα έχει την εμφάνιση του σχήματος 19 12
cmdgreek cmduk cmdfrance cmdspain Σχήμα 19 cmditaly Το κάθε κουμπί πρέπει να είναι ομοιόμορφο και ανάλογα ευθυγραμμισμένο με το κουμπί «Greek» ή το κουμπί «Exit». Τα ονόματα του κάθε κουμπιού φαίνονται στο σχήμα 19 Επιλέξτε τις σημαίες της κάθε χώρας και τοποθετήστε την μια πάνω στην άλλη (Σχήμα 20) Σχήμα 20 Τις σημαίες θα τις βρείτε στους εξής χώρους Αγγλική \vb\icons\flags\flguk.ico 13
Γαλλική Ισπανική Ιταλική \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 Το χρώμα της ετικέτας, της φόρμας, και το γραμμάτων, καθώς επίσης και το μήνυμα της ράβδου, μπορείτε να τα δείτε στο πιο κάτω πίνακα Ελληνικά Αγγλικά Γαλλικά Ισπανικά Ιταλικά Φόρμα Μπλε Κόκκινη Άσπρο Κίτρινο Πράσινο Ετικέτα Μπλε Κόκκινο Κόκκινο Κίτρινο Κόκκινο Γράμματα Άσπρα Άσπρα Μπλε Κόκκινο Μπλε Ράβδος Χαιρετίσματα Greetings Bonjour Holla Ciao Όταν μια σημαία και ένα μήνυμα εμφανίζονται όλα τα άλλα θα πρέπει να είναι αόρατα. Για να σας βοηθήσουμε, ας κάνουμε τον κώδικα του κουμπιού της Αγγλίας. Διπλό-πατήστε το κουμπί «English». Γράψετε τον κώδικα του σχήματος 21 14
Το Αγγλικό μήνυμα Όλες οι σημαίες κάνουν την ιδιότητα «visible» «false», εκτός της Αγγλικής Τα Αγγλικά Χρώματα και μήνυμα Ράβδου Σχήμα 21 Ο νέος κώδικας βρίσκετε στην διαχείριση των ειδώλων (σημαιών). Θα πρέπει όλες οι άλλες σημαίες να είναι αόρατες, για αυτό τον λόγο η ιδιότητα «visible» παίρνει την τιμή «false», και μόνο η σημαία της χώρας που μας ενδιαφέρει, σε αυτή την περίπτωση η Αγγλική, θα πάρει την τιμή «true» Τρέξετε το πρόγραμμα σας και πατήστε το κουμπί «English» 4. Άσκηση 2 Επαναλάβετε τις ίδιες εντολές για όλες τις χώρες Διορθώστε και το Ελληνικό κουμπί, έτσι ώστε όταν πατηθεί οι σημαίες όλων των άλλων χώρων να γίνονται αόρατες και να εμφανίζεται μόνο η Ελληνική. 5. Παράρτημα 15
Σημείωμα Αναφοράς. Copyright ΤΕΙ Δυτικής Μακεδονίας, ΚΥΡΟΠΟΥΛΟΣ ΚΩΝΣΤΑΝΤΙΝΟΣ. «ΠΡΟΓΡΑΜΜΑΤΙΣΜΟΣ Η/Υ». Έκδοση: 1.0. Κοζάνη 2015. Σημείωμα Αδειοδότησης. Το παρόν υλικό διατίθεται με τους όρους της άδειας χρήσης Creative Commons Αναφορά, Μη Εμπορική Χρήση Παρόμοια Διανομή 4.0 [1] ή μεταγενέστερη, Διεθνής Έκδοση. Εξαιρούνται τα αυτοτελή έργα τρίτων π.χ. φωτογραφίες, διαγράμματα κ.λ.π., τα οποία εμπεριέχονται σε αυτό και τα οποία αναφέρονται μαζί με τους όρους χρήσης τους στο «Σημείωμα Χρήσης Έργων Τρίτων». [1] http://creativecommons.org/licenses/by-nc-sa/4.0/ Ως Μη Εμπορική ορίζεται η χρήση: που δεν περιλαμβάνει άμεσο ή έμμεσο οικονομικό όφελος από την χρήση του έργου, για το διανομέα του έργου και αδειοδόχο. που δεν περιλαμβάνει οικονομική συναλλαγή ως προϋπόθεση για τη χρήση ή πρόσβαση στο έργο. που δεν προσπορίζει στο διανομέα του έργου και αδειοδόχο έμμεσο οικονομικό όφελος (π.χ. διαφημίσεις) από την προβολή του έργου σε διαδικτυακό τόπο. Ο δικαιούχος μπορεί να παρέχει στον αδειοδόχο ξεχωριστή άδεια να χρησιμοποιεί το έργο για εμπορική χρήση, εφόσον αυτό του ζητηθεί. Διατήρηση Σημειωμάτων. Οποιαδήποτε αναπαραγωγή ή διασκευή του υλικού θα πρέπει να συμπεριλαμβάνει: το Σημείωμα Αναφοράς. το Σημείωμα Αδειοδότησης. τη δήλωση Διατήρησης Σημειωμάτων. το Σημείωμα Χρήσης Έργων Τρίτων (εφόσον υπάρχει). μαζί με τους συνοδευόμενους υπερσυνδέσμους. 16