Τα γραφικά στοιχεία αντιστοιχούν στα στοιχεία που θα επιτρέψουν στον χρήστη να αλληλεπιδράσει με το σύστημα, όταν μιλάμε για GUI αναφερόμαστε στις γραφικές διεπαφές χρήστη, επομένως αυτές οι διεπαφές χτίζονται μέσω γραφικών στοιχείων όπως κουμπιά, μενού, εικονίδια, πεδία κειμένου, ετικέτες κ.λπ. κείμενο, μεταξύ άλλων, ένα GUI συνδυάζει την οπτική σχεδίαση και τα συμβάντα που σχετίζονται με αυτό το σχέδιο, επομένως, εάν προσθέσουμε ένα κουμπί, πρέπει να προγραμματίσουμε το συμβάν που σχετίζεται με αυτό το κουμπί όταν πατηθεί από έναν χρήστη.
Όπως αναφέρθηκε, ας επικεντρωθούμε στα γραφικά στοιχεία που χρησιμοποιούνται από αρχεία XML, ας δούμε μερικές από τις ιδιότητες που αναφέρθηκαν παραπάνω.
Βασικές ιδιότητες.
Ας δούμε μερικές βασικές ιδιότητες που χρησιμοποιούνται σε στοιχεία γραφικών, αυτές μπορούν να εφαρμοστούν σε οποιοδήποτε στοιχείο ανεξάρτητα από τον τύπο του, επειδή όπως αναφέρθηκε όλα τα στοιχεία είναι Προβολές, επομένως μοιράζονται τις ίδιες ιδιότητες, μερικές από τις πιο χρησιμοποιούμενες είναι:
android: id.
Πολύ σημαντική ιδιότητα, επειδή επιτρέπει τον ορισμό ενός αναγνωριστικού για το στοιχείο ελέγχου, αυτή η ιδιότητα εκχωρείται σε οποιαδήποτε προβολή, για παράδειγμα, εάν έχει εκχωρηθεί σε ένα πεδίο εισαγωγής δεδομένων, τότε αυτό θα χρησιμοποιηθεί για την καταγραφή πληροφοριών χρήστη, επομένως πρέπει να χρησιμοποιήσουμε ένα διαφοροποιητικό όνομα είναι ξεκάθαρο.
Ο σωστός τρόπος δημιουργίας ενός αναγνωριστικού είναι ο εξής:
android:id="@+id/miTextField"
Το σύμβολο @+id/ σημαίνει ότι δημιουργείται ένα νέο αναγνωριστικό, αυτό θα κάνει την κλάση R. από το πακέτο gen του έργου, δημιουργήστε μια αναφορά σε αυτό το αντικείμενο, ώστε αργότερα να μπορεί να χειριστείτε με κώδικα.
Στο παράδειγμα, το αναγνωριστικό "myTextField" για το εξάρτημα.
android:layout_width.
Καθορίζει το πλάτος που σχετίζεται με την προβολή, είναι υποχρεωτική ιδιότητα και η τιμή της μπορεί να οριστεί σε απόλυτες τιμές ή υποδεικνύοντας μία από τις ακόλουθες δύο τιμές:
-
wrap_content (Καταλαμβάνει το χώρο ανάλογα με το περιεχόμενό του)
-
match_parent (Καταλαμβάνει όλο τον διαθέσιμο χώρο)
Παράδειγμα:
android:layout_width="match_parent"όποιοςandroid:layout_width="290dp"
android:layout_height.
Καθορίζει το ύψος που σχετίζεται με την προβολή, είναι υποχρεωτική ιδιότητα και η τιμή της μπορεί να οριστεί σε απόλυτες τιμές ή υποδεικνύοντας μία από τις δύο ακόλουθες τιμές:
-
wrap_content (Καταλαμβάνει το χώρο ανάλογα με το περιεχόμενό του)
-
match_parent (Καταλαμβάνει όλο τον διαθέσιμο χώρο)
Παράδειγμα:
android:layout_height="wrap_content"όποιοςandroid:layout_height="58dp"
android:layout_margin.
Ορίζει ένα περιθώριο για το στοιχείο, επιτρέποντας τη δημιουργία ενός κενού πάνω, κάτω και στις πλευρές του, ως παραλλαγές σε περίπτωση που θέλετε να δώσετε ανεξάρτητα κενά, αυτό μπορεί να γίνει χρησιμοποιώντας τις ιδιότητες marginLeft, marginRight, marginTop ή marginBottom (ή όλα)
Παράδειγμα: android:layout_margin="20dp" | android:layout_marginTop="20dp" | android:layout_marginLeft="20dp" | android:layout_marginRight="20dp" | android:layout_marginBottom="20dp"
android: συμβουλή.
Αυτή η ιδιότητα επιτρέπει την εμφάνιση κειμένου στο στοιχείο ελέγχου ως βοήθεια, ενώ ο χρήστης δεν έχει ακόμη εισαγάγει πληροφορίες. (Προτιμότερο από την ιδιότητα κειμένου)
Παράδειγμα: android:hint="Εισαγάγετε το όνομα"
android:inputType.
Καθορίζει ποιος τύπος εισαγωγής θα επιτρέπεται για το πλαίσιο κειμένου, αυτό επιτρέπει κάποιο είδος επικύρωσης δεδομένων και επίσης ενημερώνει το λειτουργικό σύστημα τον τύπο (εικονικού) πληκτρολογίου να χρησιμοποιήσει.
Μεταξύ των επιλογών που μπορούμε να συσχετίσουμε με αυτήν την ιδιότητα είναι μερικές όπως:
- Κείμενο
- αριθμός
- υφή
- κωδικός κειμένου
- τηλέφωνο
- συνάντηση
- Διεύθυνση TextEmail
Υπάρχουν πολλές άλλες επιλογές που μπορούν να χρησιμοποιηθούν ανάλογα με την ανάγκη.
Παράδειγμα: android:inputType="number" | android:inputType="textEmailAddress"
android:textSize.
Καθορίζει ένα μέγεθος για το κείμενο που θα εμφανίζεται στην οθόνη, οι μονάδες μέτρησης πρέπει να λαμβάνονται υπόψη όπου το sp χρησιμοποιείται για κείμενα
Παράδειγμα: android:textSize="25sp"
android:styletext.
Ορίζει ένα στυλ για το κείμενο, έχοντας τη δυνατότητα να ορίσει το κείμενο ως κανονικό, έντονη γραφή, πλάγια γραφή (ή και τα δύο).
Παράδειγμα: android:textStyle="bold" | android:textStyle="italic" | android:textStyle="bold|italic"
android:textColor.
Καθορίζει ένα χρώμα για το κείμενο, έχοντας τη δυνατότητα να προσθέσετε ένα χρώμα από το αρχείο ιδιοτήτων "colors" ή μια δεκαεξαδική τιμή
Παράδειγμα: android:textColor="@color/teal_700" | android:textColor="#9C27B0"
android:backgroundTint.
Καθορίζει ένα χρώμα φόντου για το στοιχείο, μπορείτε επίσης να πάρετε το χρώμα από τις ιδιότητες "χρωμάτων" ή μια δεκαεξαδική τιμή
Παράδειγμα: android:backgroundTint="@color/teal_200" | android:backgroundTint="#FF5722"
android:text.
Καθορίζει το περιεχόμενο κειμένου που σχετίζεται με την προβολή. Αν και η τιμή του μπορεί να εκχωρηθεί απευθείας, συνιστάται ιδιαίτερα η χρήση του αρχείου συμβολοσειρών που είναι διαθέσιμο στο φάκελο πόρων.
Παράδειγμα: android:text="Bienvenidos" | android:text="@string/title"
Αυτή η ιδιότητα είναι κοινή σε προβολές που εμφανίζουν κείμενο στη διεπαφή της συσκευής. Η ακόλουθη οθόνη δείχνει το αρχείο πόρων strings.xml όπου προστίθενται διαφορετικές τιμές για τα κείμενα
και αργότερα γίνεται πρόσβαση σε αυτές τις τιμές από τις προβολές
Αφού διαγράψετε τις προηγούμενες ιδιότητες, ας δούμε ποια είναι τα βασικά στοιχεία γραφικών.
Κουμπί.
Αυτά αντιστοιχούν στα βασικά κουμπιά που γνωρίζουμε, απλώς δείχνει ένα κουμπί με το εσωτερικό του κείμενο και ένα καθορισμένο περιθώριο.
Το κουμπί θα εκπληρώσει τη βασική λειτουργία της αναμονής για ένα συμβάν όταν πατηθεί.
κουμπί εναλλαγής
Ο τύπος ToggleButton αντιστοιχεί σε έναν τύπο κουμπιού που μπορεί να διατηρηθεί σε 2 πιθανές καταστάσεις, πατημένο ή όχι, γι' αυτό δεν ορίζεται μόνο μία ιδιότητα κειμένου, αλλά 2 ανάλογα με την κατάσταση που έχει αυτή τη στιγμή, χρησιμοποιώντας τις ιδιότητες του το android : textOn και android:textOff.
Όπως τα παραδοσιακά κουμπιά, το ToggleButton μπορεί να προγραμματιστεί ώστε να ανταποκρίνεται στο συμβάν κλικ, αλλά μάλλον πρέπει απλώς να γνωρίζετε σε ποια κατάσταση βρίσκεται. Αυτό μπορεί να γίνει χρησιμοποιώντας τη μέθοδο isChecked(), η οποία επιστρέφει την τιμή true σε περίπτωση που πατηθεί και false διαφορετικά.
ανταλάσσω
Αυτό το στοιχείο ελέγχου μπορεί να προσομοιώσει έναν διακόπτη πολύ παρόμοιο με τον τρόπο λειτουργίας του ToggleButton, αλλά με διαφορετική οπτική εμφάνιση.
Να θυμάστε ότι ανάλογα με την έκδοση Android που χρησιμοποιούμε, η οπτική εμφάνιση των στοιχείων μας μπορεί να αλλάξει, σε αυτήν την περίπτωση ο ελεγκτής Switch για εκδόσεις Android 5.0 και νεότερες θα μοιάζει με αυτό:
Κουμπί εικόνας
Αυτός ο τύπος κουμπιού σάς επιτρέπει να συνδέσετε μια εικόνα σε αυτήν για να εμφανίζεται στον χρήστη αντί για ένα κείμενο όπως συνήθως. Για αυτό μπορούμε να πάρουμε την εικόνα από τους φακέλους /res/drawable και να τη φορτώσουμε χρησιμοποιώντας την ιδιότητα android:src, Σε αυτή την περίπτωση θα χρησιμοποιήσουμε μια εικόνα απευθείας από πόρους Android.
TextView
Αυτές αντιστοιχούν στις βασικές ετικέτες κειμένου που εμφανίζονται στους χρήστες, αυτές σε άλλες γλώσσες είναι γνωστές ως ετικέτες και επιτρέπουν την εμφάνιση ενός κειμένου που σχετίζεται με την ιδιότητα android:text, αυτές οι ετικέτες έχουν άλλες ιδιότητες που σας επιτρέπουν να χειριστείτε το μέγεθός τους, το φόντο χρώμα, χρώμα και τύπο γραμματοσειράς, στυλ κ.λπ.
επεξεργασία κειμένου
Η προβολή EditText Android είναι ισοδύναμη με το ASP και το C# Textbox ή το JAVA JTextField, είναι ένα στοιχείο ελέγχου που επιτρέπει την καταγραφή του κειμένου που πληκτρολογεί ο χρήστης κατά τη διάρκεια εκτέλεσης.
πλαίσιο επιλογής
Το στοιχείο ελέγχου πλαισίου ελέγχου χρησιμοποιείται για τον έλεγχο ή την αποεπιλογή επιλογών σε μια εφαρμογή. Ο τρόπος ορισμού του στη διεπαφή και οι ιδιότητες που είναι διαθέσιμες για τον χειρισμό του μέσω κώδικα είναι ανάλογες με αυτές που σχολιάζονται στο στοιχείο ελέγχου ToogleButton.
Αυτό το στοιχείο ελέγχου κληρονομείται από το στοιχείο ελέγχου TextView, επομένως όλες οι επιλογές μορφοποίησης που έχουν ήδη αναφερθεί για αυτό το στοιχείο ελέγχου ισχύουν και για το πλαίσιο ελέγχου.
Στον κώδικα της εφαρμογής, μπορείτε να ελέγξετε εάν αυτό το στοιχείο ελέγχου είναι επιλεγμένο ή όχι μέσω της μεθόδου isChecked() που επιστρέφει την τιμή του ΑΛΗΘΗΣ αν είχατε επιλεγεί ή ψευδής Διαφορετικά, μπορείτε επίσης να χρησιμοποιήσετε τη μέθοδο setChecked(value) για να ορίσετε μια συγκεκριμένη κατάσταση για το στοιχείο ελέγχου, όπου η τιμή ΑΛΗΘΗΣ θα ήταν για επιλεγμένα και ψευδής με μη επιλεγμένο.
Το συμβάν που κανονικά προγραμματίζεται για αυτό το στοιχείο ελέγχου και που εκτελείται κάθε φορά που αλλάζει η κατάστασή του (επιλεγμένο / μη επιλεγμένο) είναι onCheckedChanged.
κουμπί ραδιοφώνου
Όπως το στοιχείο ελέγχου CheckBox, το RadioButton χρησιμεύει για τον έλεγχο ή την αποεπιλογή μιας δεδομένης επιλογής, η διαφορά είναι στον τύπο της επιλογής που θέλετε να κάνετε. Τα RadioButtons χρησιμοποιούνται συνήθως σε ομάδες για να ορίσουν ένα σύνολο επιλογών από τις οποίες μπορείτε να επιλέξετε μόνο μία, δηλαδή κάθε επιλογή είναι αμοιβαία αποκλειόμενη, επομένως κατά την επιλογή μιας επιλογής θα αποεπιλεγεί αυτόματα αυτή που είχε προηγουμένως επιλεγεί. Αυτές οι ομάδες ορίζονται από το στοιχείο RadioGroup, το οποίο με τη σειρά του θα περιέχει όλα τα στοιχεία RadioButton που αντιπροσωπεύουν τις επιλογές.
Οι RadioGroups μπορούν να ορίσουν την ιδιότητα android:orientation σε "Κάθετη" ή "Οριζόντια" για να καθορίσουν πώς θα παραγγελθούν τα RadioButtons που περιέχει.
Το RadioButton, με τη σειρά του, εκτός από το πλάτος και το ύψος, πρέπει να ορίσει την ιδιότητα android:text για να συσχετίσει το κείμενο της επιλογής που αντιπροσωπεύεται και το android:id για να συσχετίσει έναν κώδικα με το στοιχείο ελέγχου, ώστε να μπορεί να γίνει χειρισμός από τη λογική της εφαρμογής.
Για τον χειρισμό του ελέγχου από τη λογική της εφαρμογής, μπορούν να χρησιμοποιηθούν διαφορετικές μέθοδοι, μεταξύ των οποίων βρίσκουμε check(θα πήγαινα) που χρησιμοποιείται για να ορίσετε το αναγνωρισμένο ραδιοκουμπί με το αναγνωριστικό που μεταβιβάζεται ως παράμετρος όπως έχει επιλεγεί, η μέθοδος clearCheck() χρησιμοποιείται για να αποεπιλέξετε όλα τα ραδιοκουμπιά στην ομάδα και η μέθοδος getCheckedRadioButtonId() για να λάβετε το αναγνωριστικό του ραδιοκουμπί που βρίσκεται εντός της επιλεγμένης ομάδας ή η τιμή -1 εάν δεν έχει επιλεγεί κανένα στοιχείο.
Το πιο σημαντικό συμβάν αυτού του στοιχείου ελέγχου είναι επίσης το onCheckedChanged, το οποίο ενεργοποιείται όταν επιλέγεται ένα στοιχείο της ομάδας (θυμηθείτε ότι η επιλογή ενός στοιχείου της ομάδας υποδηλώνει την κατάργηση της επιλογής ενός άλλου).
Και τέλος, αυτά είναι μερικά από τα βασικά γραφικά στοιχεία που θα χρησιμοποιήσουμε σε όλη τη διάρκεια του μαθήματος, στις επόμενες αναρτήσεις θα συνεχίσουμε με άλλα στοιχεία ή layouts.
Μπορεί επίσης να σας ενδιαφέρει.
Υπάρχει κάτι που θέλετε να προσθέσετε ή να σχολιάσετε σχετικά με αυτήν την καταχώρηση; μη διστάσετε να κάνετε….Και αν σας άρεσε... σας προσκαλώ να το μοιραστείτε y Εγγραφείτε κάνοντας κλικ στο κουμπί "Εγγραφή σε αυτόν τον ιστότοπο" για να ακούσετε περισσότερες αναρτήσεις όπως αυτή 😉