Σχεδιασμός για πτυσσόμενα: στάσεις, μεγέθη παραθύρων και χειρονομίες
Πώς να σχεδιάσετε εφαρμογές για αναδιπλούμενα τηλέφωνα: αναδιπλωμένες και ξεδιπλωμένες διατάξεις, στάσεις επιτραπέζιου και βιβλίου, κατηγορίες μεγέθους παραθύρου, συνέχεια και χειρονομίες κοντά στο δίπλωμα.
Core Takeaway
Σχεδιάστε αναδιπλούμενες διατάξεις με βάση το διαθέσιμο μέγεθος παραθύρου και όχι το μοντέλο συσκευής: Οι κατηγορίες μεγεθών παραθύρων του Android αντιμετωπίζουν τα πλάτη κάτω από 600 dp ως συμπαγή, 600 έως 840 dp ως μεσαία και 840 έως 1200 dp ως διευρυμένα. Υποστηρίξτε διπλωμένες, ανοιχτές και μισάνοιχτες (επιτραπέζιες) στάσεις, κρατήστε τη θέση του χρήστη όταν η συσκευή διπλώνει ή ξεδιπλώνει και κρατήστε το βασικό περιεχόμενο και τους στόχους αγγίγματος μακριά από το δίπλωμα.
στάσεις
Η τεκμηρίωση προγραμματιστή του Android περιγράφει πτυσσόμενα σε διάφορες στάσεις: διπλωμένα, ανοιχτά επίπεδα, ανοιχτά επίπεδα περιστρεφόμενα σε οριζόντια θέση και μισάνοιχτα, γνωστά ως επιτραπέζια. Το δίπλωμα χωρίζει την οθόνη σε δύο μέρη, είτε ως ευέλικτη περιοχή μιας οθόνης είτε ως άρθρωση μεταξύ δύο οθονών, και μπορεί να κρύψει μέρος της οθόνης.
Σχεδιασμός ανά κατηγορίες μεγέθους παραθύρων
Αντί να στοχεύει συγκεκριμένες συσκευές, το Android ομαδοποιεί τον διαθέσιμο χώρο σε κατηγορίες μεγέθους παραθύρων. Συμπαγές πλάτος (κάτω από 600 dp) καλύπτει σχεδόν όλα τα τηλέφωνα σε πορτραίτο. Το μεσαίο πλάτος (600 έως 840 dp) καλύπτει τα περισσότερα tablet σε κατακόρυφο προσανατολισμό και πολλές μεγάλες, ξεδιπλωμένες εσωτερικές οθόνες σε πορτραίτο. διευρυμένο πλάτος (840 έως 1200 dp) καλύπτει τα περισσότερα tablet και μεγάλες οθόνες που ξεδιπλώνονται σε οριζόντιο προσανατολισμό. Οι μεγάλες και πολύ μεγάλες κατηγορίες καλύπτουν μεγαλύτερα tablet και επιτραπέζιους υπολογιστές.
Διατάξεις που χρησιμοποιούν το πάσο
Κοινά μοτίβα:
- Διπλωμένο: η κανονική διάταξη του τηλεφώνου.
- Ανοιχτό επίπεδο: διάταξη λίστας-λεπτομέρειας ή δύο παραθύρων, με κάθε παράθυρο στη μία πλευρά της πτυχής.
- Επιτραπέζιο: περιεχόμενο όπως βίντεο στο επάνω μισό, στοιχεία ελέγχου στο κάτω μισό.
- Ποτέ μην τοποθετείτε κουμπί, γραμμή κειμένου ή πρόσωπο κατά μήκος του διπλώματος.
Συνέχεια
Όταν κάποιος ξεδιπλώνει μια συσκευή στη μέση της εργασίας, η εφαρμογή θα πρέπει να συνεχίσει εκεί που ήταν: ίδια θέση κύλισης, ίδιο πρόχειρο, ίδια αναπαραγωγή. Αντιμετωπίστε το fold και το unfold ως αλλαγή διάταξης, όχι επανεκκίνηση, και κινήστε τη μετάβαση, ώστε οι χρήστες να μπορούν να ακολουθούν το σημείο που μετακινήθηκε το περιεχόμενο.
Χειρονομίες και προσέγγιση
Οι μεγαλύτερες ξεδιπλωμένες οθόνες αλλάζουν την εμβέλεια του αντίχειρα: τοποθετήστε συχνά χειριστήρια κοντά στις άκρες όπου ακουμπούν τα χέρια και αποφύγετε ολίσθηση στις άκρες που έρχονται σε αντίθεση με τις χειρονομίες του συστήματος. Η κίνηση που βασίζεται στη φυσική βοηθάει και εδώ: τα τζάμια που γλιστρούν και καθιζάνουν με ελατήρια κάνουν την αλλαγή μεταξύ των στάσεων να είναι φυσική και όχι ενοχλητική.
Κλειδί Principles για να θυμάστε
- Σχεδιασμός ανά κατηγορία μεγέθους παραθύρου, όχι μοντέλο συσκευής
- Συμπαγής < 600 dp, μεσαία 600–840 dp, διογκωμένη 840–1200 dp
- Υποστηρίξτε διπλωμένες, ανοιχτές και επιτραπέζιες στάσεις
- Κρατήστε το περιεχόμενο και τα χειριστήρια μακριά
- Διατηρήστε την κατάσταση και ζωντανέψτε τις αλλαγές στάσης
Συχνές Ερωτήσεις
Πηγές
- Learn about foldables — Προγραμματιστές Android
- Use window size classes — Προγραμματιστές Android