Technologieaustausch

Uniapp-Anpassungslösung

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

Fügen Sie hier eine Bildbeschreibung ein
------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

Fügen Sie hier eine Bildbeschreibung ein
tatsächlicher Effekt:

Fügen Sie hier eine Bildbeschreibung ein
Auf diese Weise wird die von Ihnen eingegebene px-Größe automatisch in die entsprechende upx-Größe umgewandelt.

Wählen Sie einfach upx