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

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

Κάθε μία από τις παρακάτω οδηγίες έχει ως στόχο να εξασφαλίσει ότι η εφαρμογή καμβά σας παρέχει μια βέλτιστη εμπειρία χρήστη, ανεξάρτητα από το μέγεθος ή τον προσανατολισμό της οθόνης της συσκευής. Αυτές οι κατευθυντήριες γραμμές αφορούν μία από τις πιο κρίσιμες πτυχές της σύγχρονης ανάπτυξης εφαρμογών. Αυτές οι κατευθυντήριες γραμμές είναι καθοριστικές για τους προγραμματιστές που επιθυμούν να ενισχύσουν την προσβασιμότητα και τη δέσμευση των χρηστών των Power Apps τους.

Προσαρμογή σε μεγέθη οθόνης

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

Χρησιμοποιήστε κοντέινερ αυτόματης διάταξης

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

Απενεργοποίηση κλίμακας για προσαρμογή και διαχείριση αναλογιών εικόνας και προσανατολισμού

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

Χρήση δυναμικών διατάξεων

Χρησιμοποιήστε σχέδια διάταξης, όπως διαίρεση οθόνης και πλαϊνή γραμμή, τα οποία προσφέρουν διαφορετικές εμπειρίες χρήστη σε διάφορες συσκευές. Αυτή η δυνατότητα προσαρμογής βελτιώνει τη λειτουργικότητα της εφαρμογής, καθιστώντας την πιο διαισθητική για τους χρήστες σε οποιαδήποτε συσκευή.

Χρήση τύπων για δυναμική διάταξη

Χρησιμοποιήστε τύπους αντί για σταθερές συντεταγμένες για τα στοιχεία ελέγχου θέσης και αλλαγής μεγέθους. Αυτή η προσέγγιση εξασφαλίζει ότι προσαρμόζονται στις αλλαγές στις διαστάσεις οθόνης για μια δυναμική, δυναμική διάταξη.

Σχεδιασμός για διάφορες συσκευές

Ο αποτελεσματικός σχεδιασμός για την αποτελεσματικότητα της λειτουργίας της εφαρμογής προϋποθέτει την πρόβλεψη για το πώς φαίνεται και πώς λειτουργεί η εφαρμογή σε διαφορετικές συσκευές. Αυτή η πρόβλεψη περιλαμβάνει αποφάσεις σχετικά με την αλλαγή μεγέθους στοιχείων ή την απόκρυψη τους εξ ολοκλήρου σε μικρότερες οθόνες για τη βελτιστοποίηση του χώρου και τη διατήρηση της χρηστικότητας.

Πρακτική υλοποίηση

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

Πόροι

Επόμενο βήμα

Δυνατότητα ανάγνωσης κώδικα

  • Last updated on