Először is: “mobil fejlesztő vagyok, és megkockáztatom az alkalmazásom elrendezésének kialakítását, már a kezdetektől fogva I a következő problémát találta, a Photoshop a PX-et használja az űrlapok mértékegységeként, a fejlesztés során pedig az alkalmazás a DP-t használja, tudom, hogyan működik az átalakítás PX-ből PD-be
dp = px * (160 / dpi)
Amikor azonban képletet alkalmazok, és az értékeket a programozásban használom, az elrendezés törik, Szeretném tudni, hogy létezik-e olyan PSD fájlkonfiguráció, például magasság, szélesség, pixelsűrűség, ahol alapul szolgálhatok az alkalmazás mockup-jához, így könnyebben elvégezheti ezeket az intézkedéseket mobil és táblagépek esetén?
Válasz
A Photoshop a PX-et használja mértékegységként az űrlapokhoz és az alkalmazás fejlesztésekor DP-t használ, tudom, hogyan működik az átalakítás PX-ről DP-re
A konverzió o n hogyan épült fel az eredeti Photoshop-terv. Az Android dp egységei sűrűségtől független pixelek. Az 1dp az eszköz és az Android beállításaitól függően 1 képernyő pixelként, 2, 3 vagy 4 vagy valamilyen más értékként jelenhet meg.
Itt található a gyakori konverziók listája:
- 1 dp = 1 képpont vagy 1 ×, a
mdpikijelzőknél (~ 160PPI). - 1 dp = 1,5 képpont vagy 1,5 × , mert a
hdpikijelzők (~ 240PPI). - 1 dp = 2 képpont vagy 2 ×, a
xhdpikijelzők (~ 320PPI). - 1 dp = 3 képpont vagy 3 × a
xxhdpikijelzőknél (~ 480PPI). - 1 dp = 4 pixel, vagy 4 ×, a
xxxhdpikijelzőknél (~ 640PPI).
Tehát a nagy kérdés az, hogy melyik sűrűséget szeretné beépíteni a makettjeit? A fenti sűrűségek közül választhat. A választás diktálja a konverziót és más tényezőket.
Leginkább az 1 × méretben tervezem, ahol 1 dp = 1 px = 1 CSS px = 1 iOS point. Ez azt jelenti, hogy a makettjei alacsonyabb felbontásúak, mint maga az eszköz, de ez azt jelenti, hogy az átalakításhoz nincs szükség az érték megváltoztatására.
Ha végzett, a Photoshopnak van néhány módja az eszközök exportálására a különböző sűrűségűek számára. . Export As és Generator felépítheti a többi skálát, vagy használhat Save for Web és szeleteket ( mint én ).
Itt van a Photoshop Exportálás ablak, az exportálás beállítása 1 ×, 2 × és 3 × sűrűségre ( iOS esetén, ebben az esetben).
Válasz
A képlete hibás. Hivatkozásként az Android fejlesztési útmutató mondja:
px = dp * (dpi) / 160)
így a dp tényleges képlete
dp = px / (dpi / 160)
Remélem, hogy segít!
Kérdésének második részében a Photoshop meglehetősen unalmas, amikor eszközök exportálásáról, vagy akár összekapcsolásokról van szó. Ha nyitott vagy a Sketch használatára, akkor sokkal könnyebb. De sajnálom, mobil tervezőként alig használom a photoshopot, mert a px konvertálása dp -vé nem könnyű dolog abban a programban.
Felülvizsgálva
Úgy gondolom, hogy most jobban értem a kérdésedet. Kérjük, ezen a webhelyen keresse meg a keresett értékeket: https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions
Megjegyzések
- Sajnálom, nem a megfelelő képletet írtam a bejegyzésbe, így a megfelelő képletet használtam az átalakításhoz, a kérdésem az, hogy mi legyen a fájl mérete, hogy én képes exportálni az értékeket. És a Sketch-en nem tudom használni, az operációs rendszer Linux, A photoshop használatához a Wine nevű eszköz használatára volt szükség, amely lehetővé teszi a Photoshop futtatását Linuxon.
Válasz
Ez lehet, hogy itt nem téma, de azt javasolnám, hogy egyáltalán ne használja a Photoshopot a képernyő tervezéséhez. Használjon olyan vektoros eszközt, mint az Illustrator, a Sketch vagy hasonló. A különbség az, hogy később bővítheti terveit. Ha 1x-es méretben dolgozik a Photoshopban, akkor a tervei borzasztóan fognak kinézni egy modern Andriod telefonon. Legalább 2x, jobb 4x-re kell beállítania a terveket, hogy azok sima megjelenésűek legyenek a magas ppi képernyőn.
Az összes eszköz, amelyet vektoros eszközzel hoz létre, később felhasználható eszközök minden szükséges mérethez. A Photoshop alkalmazásban sokkal nagyobb feladat lesz a gombok, ikonok stb. elkülönítése a későbbi exportáláshoz.