Teknologian jakaminen

uniapp-sovitusratkaisu

2024-07-12

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

uni-appin ainutlaatuisia tehokkaita adaptiivisia yksiköitä upx ja rpx ei voida määrittää dynaamisesti...

uni-app käyttää oletuskokoyksikkönä upx:a, joka on yksikkö suhteessa pohjan leveyteen ja jota voidaan mukauttaa näytön leveyden mukaan. uni-app määrittää näytön pohjaleveyden 750 pikseliä.

Kehittäjät voivat laskea sivuelementtien upx-arvon suunnitteluluonnoksen pohjaleveyden kautta. Muunnoskaava 1 kuvapisteen ja kehystyylin välillä on seuraava:
Suunnitteluluonnos 1px / Suunnitelman pohjan leveys = Kehystyyli 1upx / 750upx

esimerkiksi:
Jos suunnitteluluonnoksen leveys on 640 pikseliä ja elementin A leveys suunnitteluluonnoksessa on 100 pikseliä, elementin A leveydeksi uni-appissa tulee asettaa: 750 * 100 / 640, ja tulos on 117 kuvapistettä.
Jos suunnitteluluonnoksen leveys on 375 pikseliä ja elementin B leveys suunnitteluluonnoksessa on 200 kuvapistettä, elementin B leveydeksi uni-appissa tulee asettaa: 750 * 200 / 375, ja tulos on: 400 kuvapistettä.

Kuten alla näkyy, suunnitteluluonnoksen leveys on 1920

Lisää kuvan kuvaus tähän
------Kaavan mukaan设计稿宽度 / 750 = 比率 Sitten 1920/750=2,56 laskee standardin 750 prosentin 1920 leveyden suunnitteluluonnoksesta ------

Napsauta kätevästi Hbuilder X:ssä工具>设置>语言服务配置Vieritä alas ja siellä on px to rpx/upx, laita siihen yllä laskettu suhde

Lisää kuvan kuvaus tähän
todellinen vaikutus:

Lisää kuvan kuvaus tähän
Tällä tavalla syöttämäsi px-koko muunnetaan automaattisesti vastaavaksi upx-kooksi.

Valitse vain upx