Material Design Demo for Android 1.0

Το Material Design Demo για Android είναι ένα δείγμα εφαρμογής που έχει δημιουργηθεί χρησιμοποιώντας τη βιβλιοθήκη υποστήριξης σχεδιασμού. Ο σκοπός αυτής της εφαρμογής είναι να δείξει πώς να εφαρμόσετε το σχεδιασμό υλικού σε μια εφαρμογή που είναι συμβατή με συσκευές πριν από το γλειφιτζούρι (μέχρι το επίπεδο API 7). Αυτή η εφαρμογή καλύπτει διάφορα στοιχεία σχεδιασμού υλικού, όπως συρτάρι πλοήγησης, ευέλικτο χώρο με εικόνα (τεχνική κύλισης), αιωρούμενο κουμπί δράσης, αιωρούμενες ετικέτες για επεξεργασία κειμένου, snackbar (με και χωρίς δράση), καρτέλες, διάταξη συντονιστή και κουμπί αιωρούμενης δράσης και συντονιστής διάταξη και γραμμή εφαρμογών (γραμμή εργαλείων).

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

Το Material Design Demo για Android δείχνει πώς οι προγραμματιστές μπορούν να ενσωματώσουν αυτές τις αρχές στις δικές τους εφαρμογές. Χρησιμοποιώντας τη βιβλιοθήκη υποστήριξης σχεδιασμού που παρέχεται από την Google, οι προγραμματιστές μπορούν εύκολα να προσθέσουν στοιχεία σχεδίασης υλικού στις εφαρμογές τους χωρίς να χρειάζεται να γράψουν πολύπλοκο κώδικα από την αρχή.

Ένα από τα βασικά χαρακτηριστικά αυτής της εφαρμογής επίδειξης είναι η συμβατότητά της με συσκευές pre-lollipop. Αυτό σημαίνει ότι ακόμη και οι χρήστες που εξακολουθούν να χρησιμοποιούν παλαιότερες εκδόσεις του Android μπορούν να απολαμβάνουν τα οφέλη του σχεδιασμού υλικού στις εφαρμογές τους.

Ας ρίξουμε μια πιο προσεκτική ματιά σε μερικά από τα συγκεκριμένα στοιχεία που καλύπτονται σε αυτό το demo:

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

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

Κυμαινόμενο κουμπί δράσης: Το κουμπί αιωρούμενης δράσης παρέχει στους χρήστες γρήγορη πρόσβαση στις κύριες ενέργειες εντός μιας εφαρμογής. Επιπλέει πάνω από άλλο περιεχόμενο στην οθόνη και κινείται όταν πατηθεί.

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

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

Καρτέλες: Οι καρτέλες επιτρέπουν στους προγραμματιστές να οργανώνουν το περιεχόμενο σε ξεχωριστές ενότητες μέσα σε μια εφαρμογή, ώστε να είναι ευκολότερο για τους χρήστες να πλοηγούνται μεταξύ τους

Coordinator Layout & Floating Action Button: Το CoordinatorLayout σάς βοηθά να συντονίζετε τις προβολές μαζί, όπως εφέ κύλισης μεταξύ δύο προβολών, ενώ το FAB (Κουμπί αιωρούμενης δράσης) σας βοηθά να εκτελείτε τις κύριες ενέργειες γρήγορα

Coordinator Layout & App Bar (Tool Bar): Το CoordinatorLayout σάς βοηθά να συντονίζετε τις προβολές μαζί, όπως εφέ κύλισης μεταξύ δύο προβολών, ενώ η Γραμμή εφαρμογών (Γραμμή εργαλείων) παρέχει συνεπή πλοήγηση στην εφαρμογή σας

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