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

λύση προσαρμογής uniapp

2024-07-12

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

Οι αποκλειστικές ισχυρές προσαρμοστικές μονάδες upx και rpx της uni-app δεν μπορούν να αντιστοιχιστούν δυναμικά σε λύσεις...

Το uni-app χρησιμοποιεί το upx ως προεπιλεγμένη μονάδα μεγέθους το upx είναι μια μονάδα σε σχέση με το πλάτος βάσης και μπορεί να προσαρμοστεί ανάλογα με το πλάτος της οθόνης. uni-app καθορίζει το πλάτος βάσης της οθόνης 750 upx.

Οι προγραμματιστές μπορούν να υπολογίσουν την τιμή upx των στοιχείων σελίδας μέσω του πλάτους βάσης του σχεδίου σχεδίασης Ο τύπος μετατροπής μεταξύ 1 px του σχεδίου σχεδίου και 1 upx του στυλ πλαισίου είναι ο εξής:
Σχεδιασμός προσχέδιο 1px / Σχεδιασμός πλάτους βάσης πρόχειρου = Στυλ πλαισίου 1upx / 750upx

για παράδειγμα:
Εάν το πλάτος του σχεδίου σχεδίασης είναι 640 εικονοστοιχεία και το πλάτος του στοιχείου Α στο προσχέδιο σχεδίασης είναι 100 εικονοστοιχεία, τότε το πλάτος του στοιχείου Α σε uni-app θα πρέπει να οριστεί σε: 750 *100 / 640 και το αποτέλεσμα είναι: 117 επάνω x.
Εάν το πλάτος του σχεδίου σχεδίασης είναι 375 εικονοστοιχεία και το πλάτος του στοιχείου Β στο προσχέδιο σχεδίασης είναι 200 ​​εικονοστοιχεία, τότε το πλάτος του στοιχείου Β στην εφαρμογή uni-app θα πρέπει να οριστεί σε: 750 * 200 / 375 και το αποτέλεσμα είναι: 400 επάνω x.

Όπως φαίνεται παρακάτω, το πλάτος του σχεδίου σχεδίου είναι 1920

Εισαγάγετε την περιγραφή της εικόνας εδώ
------Σύμφωνα με τον τύπο设计稿宽度 / 750 = 比率 Τότε 1920/750=2,56 Υπολογίστε το τυπικό ποσοστό 750 του σχεδίου σχεδίου πλάτους του 1920------

Για ευκολία κάντε κλικ στο Hbuilder X工具>设置>语言服务配置Κάντε κύλιση προς τα κάτω και υπάρχει ένα px προς rpx/upx, βάλτε την αναλογία που υπολογίστηκε παραπάνω σε αυτό

Εισαγάγετε την περιγραφή της εικόνας εδώ
πραγματικό αποτέλεσμα:

Εισαγάγετε την περιγραφή της εικόνας εδώ
Με αυτόν τον τρόπο, το μέγεθος px που εισάγετε θα μετατραπεί αυτόματα στο αντίστοιχο μέγεθος upx.

Απλώς επιλέξτε upx