2024-07-12
한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina
Den exklusiven leistungsstarken adaptiven Einheiten upx und rpx von uni-app können keine Lösungen dynamisch zugewiesen werden ...
uni-app verwendet upx als Standardgrößeneinheit. upx ist eine Einheit relativ zur Basisbreite und kann entsprechend der Bildschirmbreite angepasst werden. uni-app gibt die Bildschirmbasisbreite 750upx an.
Entwickler können den Upx-Wert von Seitenelementen anhand der Basisbreite des Designentwurfs berechnen. Die Umrechnungsformel zwischen 1 Pixel des Designentwurfs und 1 Upx des Rahmenstils lautet wie folgt:
Designentwurf 1px / Basisbreite des Designentwurfs = Rahmenstil 1upx / 750upx
Zum Beispiel:
Wenn die Breite des Designentwurfs 640 Pixel beträgt und die Breite von Element A im Designentwurf 100 Pixel beträgt, sollte die Breite von Element A in der Uni-App auf 750 * 100 / 640 eingestellt werden, und das Ergebnis ist: 117upx.
Wenn die Breite des Designentwurfs 375 Pixel beträgt und die Breite von Element B im Designentwurf 200 Pixel beträgt, sollte die Breite von Element B in der Uni-App auf 750 * 200 / 375 eingestellt werden, und das Ergebnis ist: 400upx.
Wie unten gezeigt, beträgt die Breite des Entwurfsentwurfs 1920
------Gemäß Formel设计稿宽度 / 750 = 比率
Dann ist 1920/750=2,56. Berechnen Sie den standardmäßigen 750-Prozentsatz des 1920-Breite-Entwurfsentwurfs ------
Der Einfachheit halber klicken Sie auf Hbuilder X工具>设置>语言服务配置
Scrollen Sie nach unten und es gibt ein px zu rpx/upx, geben Sie das oben berechnete Verhältnis ein
tatsächlicher Effekt:
Auf diese Weise wird die von Ihnen eingegebene px-Größe automatisch in die entsprechende upx-Größe umgewandelt.
Wählen Sie einfach upx