Κοινή χρήση τεχνολογίας

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

στόχος αποστολής

Χρησιμοποιήστε το TextView, το Button, κ.λπ. για να εφαρμόσετε μια διεπαφή αριθμομηχανής, όπως φαίνεται στην Εικόνα 1.

Εικόνα 1 Αποδόσεις διεπαφής αριθμομηχανής

ανάλυση εργασιών

Ολόκληρη η διεπαφή χρησιμοποιεί μια διάταξη πίνακα Η πρώτη σειρά χρησιμοποιεί ένα στοιχείο ελέγχου TextView που εκτείνεται σε 4 στήλες, στη μέση 4 σειρές και 4 στήλες και το πρώτο στοιχείο ελέγχου στην τελευταία σειρά εκτείνεται σε 2 στήλες.

Υλοποίηση εργασιών

1) Δημιουργήστε ένα νέο έργο, επιλέξτε "Empty Views Activity", καθορίστε το όνομα του έργου ως Calucator και το όνομα του πακέτου ως cn.edu.jssvc.calucator.
2) Χρησιμοποιήστε τη διεπαφή σχεδίασης γραμμικής διάταξης, ανοίξτε τη δραστηριότητα_mail.xml, μεταβείτε στην προβολή κώδικα, αλλάξτε τη διάταξη περιορισμών (ConstraintLayout) στον κώδικα σε διάταξη πίνακα (TableLayout), διαγράψτε τα στοιχεία ελέγχου σε αυτό και ορίστε το χαρακτηριστικό android:stretchColumns του TableLayout = "0,1,2,3".
3) Σύρετε το TableRow στην περιοχή της Παλέτας στο Component Tree και ορίστε το χαρακτηριστικό TableRow android:layout_weight="1" έτσι ώστε αυτές οι πέντε σειρές να διαιρούν εξίσου ολόκληρη την οθόνη, όπως φαίνεται στην Εικόνα 2 και την Εικόνα 3.

Εικόνα 2 Ρυθμίσεις TableRow

Εικόνα 3 Ρυθμίσεις ιδιοτήτων TableRow
4) Σύρετε το στοιχείο ελέγχου TextView στη σειρά 1 και ορίστε το χαρακτηριστικό android:layout_span σε 4, δηλαδή, εκτείνεται σε 4 στήλες:

                                   

                    上一篇
                    下一篇