Προσαρμογή Android: Πώς να δημιουργήσετε ένα στοιχείο διεπαφής χρήστη που κάνει ό, τι θέλετε

4. Προσαρμόσιμο στο Heart

Επειδή το στοιχείο που είναι υπεύθυνο για την εμφάνιση μεμονωμένων ημερών είναι ένα GridView, ένα καλό μέρος για να προσαρμόσετε τον τρόπο εμφάνισης των ημερών είναι το

Για αυτό το παράδειγμα, θα απαιτήσουμε τα ακόλουθα από το Adapter

• Η σημερινή ημέρα πρέπει να είναι μέσαέντονο μπλε κείμενο.
• Οι ημέρες εκτός του τρέχοντος μήνα πρέπει να είναιγκρίζα.
• Οι ημέρες με μια εκδήλωση πρέπει να εμφανίζουν ένα ειδικό εικονίδιο.
• Η κεφαλίδα του ημερολογίου πρέπει να αλλάζει χρώματα ανάλογα με την εποχή (Καλοκαίρι, Φθινόπωρο, Χειμώνας, Άνοιξη).

Οι τρεις πρώτες απαιτήσεις μπορούν να επιτευχθούν απλώς αλλάζοντας τα χαρακτηριστικά κειμένου και τους πόρους του φόντου. Ας εφαρμόσουμε ένα CalendearView για την εκτέλεση αυτού του καθήκοντος. Είναι αρκετά απλό ώστε να μπορεί να είναι μέλος τάξης στο CalendarAdapter. Παρακάμπτοντας το CalendarView λειτουργία, μπορούμε να επιτύχουμε τις παραπάνω απαιτήσεις:

Η τελική απαίτηση σχεδιασμού απαιτεί λίγο περισσότερη δουλειά. Αρχικά, ας προσθέσουμε τα χρώματα για τις τέσσερις σεζόν σε @Override public View getView(int position, View view, ViewGroup parent) { // day in question Date date = getItem(position); // today Date today = new Date(); // inflate item if it does not exist yet if (view == null) view = inflater.inflate(R.layout.control_calendar_day, parent, false); // if this day has an event, specify event image view.setBackgroundResource(eventDays.contains(date)) ? R.drawable.reminder : 0); // clear styling view.setTypeface(null, Typeface.NORMAL); view.setTextColor(Color.BLACK); if (date.getMonth() != today.getMonth() || date.getYear() != today.getYear()) { // if this day is outside current month, grey it out view.setTextColor(getResources().getColor(R.color.greyed_out)); } else if (date.getDate() == today.getDate()) { // if it is today, set it to blue/bold view.setTypeface(null, Typeface.BOLD); view.setTextColor(getResources().getColor(R.color.today)); } // set text view.setText(String.valueOf(date.getDate())); return view; } :

Στη συνέχεια, ας χρησιμοποιήσουμε έναν πίνακα για να καθορίσουμε την σεζόν για κάθε μήνα (υποθέτοντας ότι το βόρειο ημισφαίριο, για απλότητα, συγγνώμη Αυστραλία!). Σε #44eebd82 #44d8d27e #44a1c1da #448da64b προσθέτουμε τις ακόλουθες μεταβλητές μελών:

Με αυτόν τον τρόπο, επιλέγοντας ένα κατάλληλο χρώμα γίνεται επιλέγοντας την κατάλληλη σεζόν (// seasons' rainbow int[] rainbow = new int[] { R.color.summer, R.color.fall, R.color.winter, R.color.spring }; int[] monthSeason = new int[] {2, 2, 3, 3, 3, 0, 0, 0, 1, 1, 1, 2}; ) και στη συνέχεια επιλέγοντας το αντίστοιχο χρώμα (monthSeason[currentMonth]), αυτό προστίθεται στο rainbow[monthSeason[currentMonth] για να βεβαιωθείτε ότι έχει επιλεγεί το κατάλληλο χρώμα κάθε φορά που αλλάζει το ημερολόγιο.

Με αυτό, έχουμε το ακόλουθο αποτέλεσμα:

Το χρώμα της κεφαλίδας αλλάζει ανάλογα με την εποχή.

Σημαντική σημείωση λόγω του τρόπου // set header color according to current season int month = currentDate.get(Calendar.MONTH); int season = monthSeason[month]; int color = rainbow[season]; header.setBackgroundColor(getResources().getColor(color)); συγκρίνει αντικείμενα, ο παραπάνω έλεγχος HashSet σε eventDays.contains(date) δεν θα αποδώσει αληθές για αντικείμενα ημερομηνίας, εκτός εάν είναι ακριβώς ίδια. Δεν πραγματοποιεί ειδικούς ελέγχους για το updateCalendar() Τύπος δεδομένων. Για να επιλύσετε αυτό το ζήτημα, αυτός ο έλεγχος αντικαθίσταται από τον ακόλουθο κωδικό:

5. Φαίνεται άσχημο στο χρόνο σχεδίασης

Η επιλογή του Android για τα σύμβολα κράτησης θέσης κατά το σχεδιασμό μπορεί να είναι αμφισβητήσιμη. Ευτυχώς, το Android στηρίζει πραγματικά το στοιχείο μας για να το καταστήσει στο σχεδιαστή διεπαφής χρήστη και μπορούμε να το εκμεταλλευτούμε καλώντας for (Date eventDate : eventDays) { if (eventDate.getDate() == date.getDate() && eventDate.getMonth() == date.getMonth() && eventDate.getYear() == date.getYear()) { // mark this day for event view.setBackgroundResource(R.drawable.reminder); break; } } στο κατασκευαστικό στοιχείο. Με αυτόν τον τρόπο το στοιχείο θα έχει νόημα στην ώρα του σχεδιασμού.

πώς να χρησιμοποιήσετε το junit στο intellij

Εάν η προετοιμασία του στοιχείου απαιτεί πολλή επεξεργασία ή φορτώνει πολλά δεδομένα, μπορεί να επηρεάσει την απόδοση του IDE. Σε αυτήν την περίπτωση, το Android παρέχει μια καλή λειτουργία που ονομάζεται updateCalendar() που μπορούν να χρησιμοποιηθούν για τον περιορισμό του όγκου των δεδομένων που χρησιμοποιούνται όταν το στοιχείο είναι πραγματικά τεκμηριωμένο στο σχεδιαστή διεπαφής χρήστη. Για παράδειγμα, εάν υπάρχουν πολλά συμβάντα που πρέπει να φορτωθούν στο isInEditMode(), μπορούμε να χρησιμοποιήσουμε CalendarView μέσα στο isInEditMode() Λειτουργεί για να παρέχει μια λίστα κενών / περιορισμένων συμβάντων σε λειτουργία σχεδίασης και να φορτώνει το πραγματικό.

6. Επικαλούμενη το συστατικό

Το στοιχείο μπορεί να συμπεριληφθεί σε αρχεία διάταξης XML (ένα δείγμα χρήσης βρίσκεται στο updateCalendar()):

Και ανακτήθηκε για αλληλεπίδραση με τη φόρτωση της διάταξης:

Ο παραπάνω κώδικας δημιουργεί ένα HashSet συμβάντων, προσθέτει την τρέχουσα ημέρα σε αυτήν και μετά περνά σε CalendarView. Ως αποτέλεσμα, το CalendarView θα εμφανίσει την τρέχουσα ημέρα με έντονο μπλε χρώμα και θα βάλει επίσης το δείκτη συμβάντος σε αυτό:

CalendarView εμφάνιση ενός συμβάντος

7. Προσθήκη χαρακτηριστικών

Μια άλλη δυνατότητα που παρέχεται από το Android είναι η εκχώρηση χαρακτηριστικών σε ένα προσαρμοσμένο στοιχείο. Αυτό επιτρέπει Προγραμματιστές Android χρησιμοποιώντας το στοιχείο για να επιλέξετε ρυθμίσεις μέσω της διάταξης XML και να δείτε το αποτέλεσμα αμέσως στο σχεδιαστή διεπαφής χρήστη, σε αντίθεση με το να πρέπει να περιμένετε και να δείτε πώς το CalendarView μοιάζει με το χρόνο εκτέλεσης. Ας προσθέσουμε τη δυνατότητα αλλαγής της εμφάνισης της μορφής ημερομηνίας στο στοιχείο, για παράδειγμα για να διευκρινιστεί το πλήρες όνομα του μήνα αντί της συντομογραφίας τριών γραμμάτων.

Για να γίνει αυτό, απαιτούνται τα ακόλουθα βήματα:

• Δηλώστε το χαρακτηριστικό. Ας το ονομάσουμε dateFormat και δώστε το string Τύπος δεδομένων. Προσθήκη στο /res/values/attrs.xml:

• Χρησιμοποιήστε το χαρακτηριστικό στη διάταξη που χρησιμοποιεί το στοιχείο και δώστε του την τιμή TypedArray ta = getContext().obtainStyledAttributes(attrs, R.styleable.CalendarView); dateFormat = ta.getString(R.styleable.CalendarView_dateFormat); :

• Τέλος, χρησιμοποιήστε το στοιχείο της τιμής χαρακτηριστικού:

] Δημιουργήστε το έργο και θα παρατηρήσετε τις εμφανιζόμενες αλλαγές ημερομηνίας στο Σχεδιαστής UI για να χρησιμοποιήσετε το πλήρες όνομα του μήνα, όπως 'Ιούλιος 2015'. Δοκιμάστε να δώσετε διαφορετικές τιμές και δείτε τι συμβαίνει.

Αλλαγή του Activity γνωρίσματα.

8. Αλληλεπίδραση με το συστατικό

Έχετε δοκιμάσει να πιέσετε μια συγκεκριμένη ημέρα; Τα εσωτερικά στοιχεία διεπαφής χρήστη στο στοιχείο μας εξακολουθούν να συμπεριφέρονται με τον κανονικό αναμενόμενο τρόπο τους και θα ενεργοποιούν συμβάντα ως απόκριση στις ενέργειες των χρηστών. Λοιπόν, πώς χειριζόμαστε αυτά τα γεγονότα;

αγοραστική δύναμη και ισχύς προμηθευτή

Η απάντηση περιλαμβάνει δύο μέρη:

• Καταγράψτε συμβάντα μέσα στο στοιχείο και
• Αναφορά συμβάντων στον γονέα του στοιχείου (θα μπορούσε να είναι ένα // long-pressing a day grid.setOnItemLongClickListener(new AdapterView.OnItemLongClickListener() { @Override public boolean onItemLongClick(AdapterView view, View cell, int position, long id) { // handle long-press if (eventHandler == null) return false; Date date = view.getItemAtPosition(position); eventHandler.onDayLongPress(date); return true; } }); , ένα eventHandler ή ακόμη και ένα άλλο στοιχείο).

Το πρώτο μέρος είναι αρκετά απλό. Για παράδειγμα, για να χειριστούμε παρατεταμένα στοιχεία πλέγματος, εκχωρούμε έναν αντίστοιχο ακροατή στην κλάση συστατικών:

Υπάρχουν διάφορες μέθοδοι για την αναφορά συμβάντων. Ένα άμεσο και απλό είναι να αντιγράψετε τον τρόπο που το Android το κάνει: παρέχει μια διεπαφή στα συμβάντα του στοιχείου που εφαρμόζεται από τον γονέα του στοιχείου (public interface EventHandler { void onDayLongPress(Date date); } στο παραπάνω απόσπασμα κώδικα).

Οι λειτουργίες της διεπαφής μπορούν να μεταβιβαστούν δεδομένα που σχετίζονται με την εφαρμογή. Στην περίπτωσή μας, η διεπαφή πρέπει να εκθέσει έναν χειριστή συμβάντων, ο οποίος έχει περάσει την ημερομηνία για την ημέρα που πατήθηκε. Η ακόλουθη διεπαφή ορίζεται στο setEventHandler():

Η υλοποίηση που παρέχεται από τον γονέα μπορεί να παρασχεθεί στην προβολή ημερολογίου μέσω ενός GridView. Ακολουθεί η χρήση δείγματος από το 'MainActivity.java':

Το παρατεταμένο πάτημα μιας ημέρας θα ενεργοποιήσει ένα συμβάν παρατεταμένου τύπου που συλλαμβάνεται και αντιμετωπίζεται από το Intents και αναφέρθηκε καλώντας BroadcastReceivers στην παρεχόμενη εφαρμογή, η οποία, με τη σειρά της, θα εμφανίσει την ημερομηνία της πιεσμένης ημέρας στην οθόνη:

Ένας άλλος, πιο προηγμένος τρόπος για να το χειριστείτε είναι με τη χρήση Android Activity και Service . Αυτό είναι ιδιαίτερα χρήσιμο όταν πολλά στοιχεία πρέπει να ειδοποιηθούν για το συμβάν του ημερολογίου. Για παράδειγμα, εάν πατήσετε μια ημέρα στο ημερολόγιο απαιτείται να εμφανίζεται ένα κείμενο σε ένα Activity και ένα αρχείο για λήψη από φόντο EventHandler.

Η χρήση της προηγούμενης προσέγγισης απαιτεί το Service για να παρέχετε ένα Intent στο στοιχείο, χειρισμός του συμβάντος και μετά μεταβίβασή του στο Activity. Αντ 'αυτού, το στοιχείο μεταδίδει ένα Service και τόσο το BroadcastReceivers και Activity την αποδοχή μέσω των δικών τους Service όχι μόνο διευκολύνει τη ζωή, αλλά βοηθά επίσης στην αποσύνδεση του isInEditMode() και το

|_+_|

συμπέρασμα

Έτσι, έτσι δημιουργείτε το δικό σας προσαρμοσμένο στοιχείο σε μερικά απλά βήματα:

• Δημιουργήστε τη διάταξη XML και το στυλ που ταιριάζει στις ανάγκες σας.
• Βγάλτε την κλάση στοιχείων από το κατάλληλο γονικό στοιχείο, σύμφωνα με τη διάταξη XML.
• Προσθέστε την επιχειρηματική λογική του στοιχείου σας.
• Χρησιμοποιήστε χαρακτηριστικά για να επιτρέψετε στους χρήστες να τροποποιήσουν τη συμπεριφορά του στοιχείου.
• Για να διευκολύνετε τη χρήση του στοιχείου στο σχεδιαστή διεπαφής χρήστη, χρησιμοποιήστε το Android

  |_+_|

  λειτουργία.

Σε αυτό το άρθρο, δημιουργήσαμε μια προβολή ημερολογίου ως παράδειγμα, κυρίως επειδή η προβολή ημερολογίου αποθεμάτων είναι, από πολλές απόψεις, λείπει. Όμως, σε καμία περίπτωση δεν περιορίζεστε σε τι είδους συστατικά μπορείτε να δημιουργήσετε. Μπορείτε να χρησιμοποιήσετε την ίδια τεχνική για να δημιουργήσετε οτιδήποτε χρειάζεστε, ο ουρανός είναι το όριο!

Σας ευχαριστούμε που διαβάσατε αυτόν τον οδηγό, σας εύχομαι καλή τύχη στις προσπάθειές σας για κωδικοποίηση!