[ Android ] – Dp To Pixel Converter

By - - 1,379 views
SHARE : Share on Facebook16Share on Google+3Tweet about this on TwitterPin on Pinterest0

Trick :

สำหรับใครที่ออกแบบ App บน iPhone 5 แล้ว สามารถนำไฟล์ที่ออกแบบมาทำ Samsung Galaxy S3 , S4 ต่อได้เลยค่ะ (ไฟล์ต้องเป็น Vector นะจ๊ะไม่อย่างนั้นรูปจะแตก)
หลักการก็ง่ายๆค่ะ แค่นำไฟล์ที่ออกแบบขนาด 640 มาขยาย Size เป็น

– Samsung Galaxy S4 = Image Size W = 168.75%
– Samsung Galaxy S3 = Image Size W = 112.50%

++++++++++++++++++++++++++++++++++++++++++++++++++++++++

Samsung Galaxy S3 = Screen Size 1280×720 px. / xhdpi /  320 dp
Samsung Galaxy S4 = Screen Size 1920×1080 px. / xxhdpi /  480 dp

++++++++++++++++++++++++++++++++++++++++++++++++++++++++

การกำหนดขนาดใน Android จะใช้หน่วยเป็น dpi คะ โดยเราสามารถแปลงหน่วยจาก dp เป็น px. ได้โดยใช้โปรแกรมคำนวนนี้ค่ะ
http://www.designbyexperience.com/px-to-dp-converter

 

 

36×36 px.  for low-density (LDPI)  = 0.75x / 120 dp

48×48 px. for medium-density (MDPI) = 1x / 160 dp

72×72 px. for high-density (HDPI) = 1.5x / 240 dp

96×96 px. for extra high-density (XHDPI) = 2x / 320 dp

144×144 px. for extra extra high-density (XXHDPI) = 3x / 480 dp

192×192 px. for extra extra extra high-density (XXXHDPI) = 4x / 640 dp

 

Size & Scale

App icon

  • Launcher icons on a mobile device
    must be 48×48 dp.
  • Launcher icons for display on Google Play
    must be512×512 pixels.
Logo , Logo on Action Bar Icon
Full asset, 32×32 dp

Optical square, 24×24 dp

Small / Contextual Icons

Full asset, 16×16 dp

Optical square, 12×12 dp

Notification IconsFull asset, 24×24 dp

Optical square, 22×22 dp

Row: ขั้นต่ำ H = 48 dp

Icon : Fix 32 x 32 dp

 

Button : Fix H = 40 dp

 

Text in Button : Text Medium (front : Roboto 18 sp)

 

 

โปรแกรม Convert DP to Pixel

Medium density is the baseline value, meaning Pixels to DP units is 1:1. Everything else is a ratio of that proportion.

So I’ve updated my original tool to use the correct values. I’ve also made it cross-compatible, so if you can enter into either the pixel or dp text fields.

Steps to using this tool:

  1. Your photoshop document should be in the resolution of your device. ie, if you’re designing an interface for a Galaxy S4, your photoshop document should be 1080 x 1920.
  2. Set the dropdown to the density of your device. ie, if you’ve designed for an S4, your selection should be xxdpi

http://www.designbyexperience.com/px-to-dp-converter

DP convert to PX

 

ที่มา : designbyexperience.com

 

Other Link

Screen Sizes and Densities Device Dashboard : http://developer.android.com/about/dashboards/index.html

รายละเอียดของ Android ทุกรุ่น : http://checkscreensize.appspot.com/listdevice.jsp

Guide for Desinger : http://developer.android.com/design/style/devices-displays.html

 

admin
admin

DOCS BY PRAWPUN.COM เป็นพื้นที่สำหรับช่วยบันทึกวิธีการแก้ปัญหาต่างๆที่เกิดขึ้นระหว่างการทำงาน ซึ่งบทความที่ได้มานี้ อาจมาจากปัญหาที่คนอื่นเคยเจอมาแล้วแล้วนำมาบอกต่อ หรือเขียนขึ้นมาเอง หวังว่าจะเป็นประโยชน์กับทุกคนที่เข้ามานะคะ :)

Comments are closed.