Berbagi teknologi

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

unit adaptif eksklusif uni-app yang kuat, upx dan rpx, tidak dapat ditetapkan sebagai solusi secara dinamis...

uni-app menggunakan upx sebagai satuan ukuran default. upx adalah satuan yang relatif terhadap lebar dasar dan dapat disesuaikan dengan lebar layar. uni-app menentukan lebar dasar layar 750upx.

Pengembang dapat menghitung nilai upx elemen halaman melalui lebar dasar rancangan desain. Rumus konversi antara 1px rancangan desain dan 1upx gaya bingkai adalah sebagai berikut:
Draf desain 1px / Lebar dasar draf desain = Gaya bingkai 1upx / 750upx

Misalnya:
Jika lebar rancangan desain adalah 640px dan lebar elemen A pada rancangan desain adalah 100px, maka lebar elemen A di uni-app harus disetel ke: 750 *100 / 640, dan hasilnya adalah: 117upx.
Jika lebar rancangan desain adalah 375px dan lebar elemen B pada rancangan desain adalah 200px, maka lebar elemen B di uni-app harus disetel ke: 750 * 200/375, dan hasilnya adalah: 400upx.

Seperti gambar di bawah, lebar rancangan rancangan adalah tahun 1920

------ Menurut rumus设计稿宽度 / 750 = 比率 Kemudian 1920/750=2,56 Hitung standar 750 persentase rancangan rancangan lebar tahun 1920------

Untuk kenyamanan klik di Hbuilder X工具>设置>语言服务配置Gulir ke bawah dan ada px ke rpx/upx, masukkan rasio yang dihitung di atas ke dalamnya

efek sebenarnya:

Dengan cara ini, ukuran px yang Anda masukkan akan secara otomatis dikonversi ke ukuran upx yang sesuai.

Pilih saja upx