[Android] ما هو الفرق بين "px" و "dip" و "dp" و "sp"؟


Answers

يتم توثيق كل شيء حول هذا الموضوع وكيفية تحقيق أفضل دعم لشاشات متعددة بأحجام وكثافات مختلفة بشكل جيد هنا:

حجم الشاشة
الحجم الفعلي الفعلي ، يتم قياسه على شكل قطري للشاشة. بالنسبة إلى البساطة ، تعمل Android على تجميع جميع أحجام الشاشات الفعلية إلى أربعة أحجام عامة: صغيرة ، عادية ، كبيرة ، وكبيرة جدًا.

كثافة الشاشة
كمية البكسل داخل منطقة فعلية للشاشة ؛ يشار إليه عادةً باسم نقطة في البوصة (نقطة في البوصة). على سبيل المثال ، تحتوي شاشة الكثافة "المنخفضة" على عدد أقل من البكسل داخل منطقة فعلية معينة ، مقارنة بشاشة كثافة "عادية" أو "عالية". من أجل البساطة ، تعمل Android على جمع الكثافة الفعلية للشاشة إلى ست كُثافات معممة: منخفضة ، متوسطة ، عالية ، عالية للغاية ، خارج إضافية ، عالية جداً.

اتجاه
اتجاه الشاشة من وجهة نظر المستخدم. هذا إما منظر أفقي أو عمودي ، مما يعني أن نسبة العرض إلى الارتفاع للشاشة إما واسعة أو طويلة ، على التوالي. يجب أن تدرك أن الأجهزة المختلفة لا تعمل فقط في اتجاهات مختلفة بشكل افتراضي ، ولكن يمكن أن يتغير الاتجاه في وقت التشغيل عندما يقوم المستخدم بتدوير الجهاز.

القرار
إجمالي عدد البكسلات الفعلية على الشاشة. عند إضافة دعم لشاشات متعددة ، لا تعمل التطبيقات مباشرة مع الدقة ؛ يجب أن تكون التطبيقات معنية فقط بحجم الشاشة وكثافتها ، كما هو محدد بواسطة مجموعات الحجم والكثافة المعممة.

بكسل مستقلة الكثافة (dp)
وحدة بكسل افتراضية يجب استخدامها عند تعريف تخطيط واجهة المستخدم ، للتعبير عن أبعاد التخطيط أو موضعه بطريقة مستقلة عن الكثافة. تعادل البكسل المستقل الكثافة وحدة بكسل مادية واحدة على شاشة 160 نقطة في البوصة ، وهي كثافة خط الأساس التي يفترضها النظام لشاشة كثافة "متوسطة". في وقت التشغيل ، يتعامل النظام بشفافية مع أي قياس لوحدات dp ، حسب الضرورة ، استنادًا إلى الكثافة الفعلية للشاشة المستخدمة. إن عملية تحويل وحدات dp إلى وحدات بكسل الشاشة بسيطة: px = dp * (dpi / 160) . على سبيل المثال ، على شاشة 240 نقطة في البوصة ، يساوي dp 1 1.5 بكسل فعلية. يجب دائمًا استخدام وحدات dp عند تحديد واجهة مستخدم التطبيق الخاص بك ، لضمان عرض صحيح لواجهة المستخدم الخاصة بك على الشاشات ذات الكثافات المختلفة.

إذا كنت جادًا في تطوير تطبيق Android لأكثر من نوع واحد من الأجهزة ، فيجب عليك قراءة مستند تطوير دعم الشاشات مرة واحدة على الأقل. بالإضافة إلى أنه من الجيد دائمًا معرفة العدد الفعلي للأجهزة النشطة التي تحتوي على تهيئة شاشة معينة.

Question

ما هو الفرق بين وحدات android للقياس؟

  • بكسل
  • غطس
  • موانئ دبي
  • س



في الأساس ، يكون الوقت الوحيد الذي يتم فيه تطبيق px واحدًا ، وهذا إذا كنت تريد بكسل واحدًا على الشاشة تمامًا كما في حالة الحاجز:

على> 160 نقطة في البوصة ، قد تحصل على 2-3 بكسل ،

على> 120 نقطة في البوصة ، تقريب إلى 0.




أي شيء متعلق بحجم النص والمظهر يجب أن يستخدم sp أو pt . في حين يجب استخدام أي شيء متعلق بحجم عناصر التحكم والتصميمات وما إلى ذلك مع dp .

يمكنك استخدام كل dp dip في أماكنها.




px Pixels - النقطة في المقياس تتوافق مع وحدات البكسل الفعلية على الشاشة.

في Inches - استنادًا إلى الحجم الفعلي للشاشة.

ملم ملليمتر - على أساس الحجم المادي للشاشة.

نقاط pt - 1/72 من البوصة استناداً إلى الحجم الفعلي للشاشة.

dp Density - Pixels مستقلة - وحدة تجريدية تعتمد على الكثافة المادية للشاشة. هذه الوحدات نسبة إلى شاشة 160 نقطة في البوصة ، بحيث تكون dp واحدة بكسل واحد على شاشة 160 نقطة في البوصة. ستتغير نسبة dp-to-pixel مع كثافة الشاشة ، ولكن ليس بالضرورة في نسبة مباشرة. ملاحظة: يقبل المترجم كلا dip و dp ، على الرغم من أن dp أكثر اتساقاً مع sp .

بكسل-بكسل المستقلة - هذا يشبه وحدة dp ، ولكن يتم أيضًا تحجيمها حسب تفضيل حجم الخط للمستخدم. من المستحسن استخدام هذه الوحدة عند تحديد أحجام الخطوط ، بحيث يتم ضبطها لكل من كثافة الشاشة وتفضيل المستخدم.

لنأخذ مثالاً لشاشتين بنفس الحجم ، لكن شاشتهما تبلغ 160 نقطة في البوصة (نقطة لكل بوصة ، أي بكسل لكل بوصة) والآخر هو 240 نقطة في البوصة.

                          Lower resolution   screen          Higher resolution, same size
Physical Width                      1.5 inches                        1.5 inches
Dots Per Inch (“dpi”)               160                               240
Pixels (=width*dpi)                 240                               360
Density (factor of baseline 160)    1.0                               1.5

Density-independent Pixels          240                               240
(“dip” or “dp” or “dps”)

Scale-independent pixels 
 (“sip” or “sp”)                  Depends on user font size settings    same



إليك الصيغة المستخدمة بواسطة Android:

px = dp * (نقطة في البوصة / 160)

حيث نقطة في البوصة واحدة من كثافات الشاشة التالية. للحصول على قائمة بجميع الكثافات الممكنة ، اذهب هنا

يعرف الثوابت "DENSITY_ *".

  • ldpi (منخفض) ~ 120dpi
  • mdpi (متوسطة) ~ 160dpi
  • hdpi (عالية) ~ 240dpi
  • xhdpi (عالية جدا) ~ 320dpi
  • xxhdpi (خارج إضافية عالية) ~ 480dpi
  • xxxhdpi (إضافية خارج إضافية عالية) ~ 640dpi

مأخوذة من هنا .

سيؤدي ذلك إلى فرز الكثير من الارتباك عند الترجمة بين px و dp ، إذا كنت تعرف شاشة نقطة في البوصة.

لذلك ، لنفترض أنك تريد صورة 60 نقطة لكل بوصة لشاشة hdpi ، ثم يكون حجم البكسل الفعلي الذي يبلغ 60 dp هو:

px = 60 * (240 / 160)



dp هو dip . استخدمه لكل شيء (الهامش ، الحشو ، إلخ).

استخدم sp لـ {text-size} فقط.

للحصول على نفس الحجم على كثافة الشاشة المختلفة ، يقوم Android بترجمة هذه الوحدات إلى بكسل في وقت التشغيل ، لذلك لا توجد رياضيات صعبة عليك القيام بها.

شاهد الفرق بين px و dp و sp على أحجام مختلفة للشاشة.

المصدر: Android Programming: The Big Nerd Ranch Guide




The screen of a mobile phone is made up of thousands of tiny dots known as pixels (px) . A pixel is the smallest element which goes to make the picture. The more the number of pixels to make a picture or wording, the sharper it becomes and makes the smartphone screen more easily readable.

Screen resolution is measured in terms of number of pixels on the screen. Screen resolution is a commonly-used specification when buying a device, but it's actually not that useful when designing for Android because thinking of screens in terms of pixels ignores the notion of physical size, which for a touch device is really really important.

Density independent pixel (dp or dip) allow the designer to create assets that appear in a expected way, no matter the resolution or density of target device.

A density independent pixel (dp or dip) is equal to one pixel at the baseline density or 160 dpi (dots per inch).

1 px/1dp = 160 dpi/160 dpi

2 px/1dp = 320 dpi(2x)/160 dpi

أين،

dpi is dots per inch

So, at 320 dpi, 1 dp is equal to 2 px.

Formula

px/dp = dpi/160dpi

Dots per inch (dpi) is a measure of the sharpness (that is, the density of illuminated points) on a display screen. The dots per inch for a given picture resolution will differ based on the overall screen size since the same number of pixels are being spread out over a different space.

Working with density independent pixels help us to deal with a situation like where you have two devices with same pixel resolution, but differing amount of space. Suppose in a case, a tablet and phone has the same pixel resolution 1280 by 800 pixels (160 dpi) and 800 by 1280 pixels (320 dpi) respectively.

Now because a tablet is at baseline density (160 dpi) its physical and density independent pixels sizes are the same, 1280 by 800. The phone on the other hand has a higher pixel density, so it has half as many density independent pixels as physical pixels. So a phone has 400 by 640 density independent pixels. So using a density-independent pixel makes it easier to mentally picture that tablet has much more space than the phone.

Similarly, if you have two devices with similar screen size, but different pixel density, say one is 800 by 1280 pixels (320 dpi), and the other is 400 by 640 pixels (160 dpi), we don't need to define totally different layouts for these two devices as we can measure assets in terms of density independent pixel which is same for both devices.

800 by 1280 pixels (320dpi)=400 by 640 density independent pixel (dp)

400 by 640 pixels (160 dpi)=400 by 640 density independent pixel (dp)

Scale independent pixels(sp) is the preferred unit for font size. For accessibility purposes, Android allows users to customize their device's font size. Users that have trouble reading text can increase their device's font size. You can normally find this option in the display setting on your phone or tablet under font size. It's often also available through the accessibility settings.

With scale independent pixels, 16 sp is exactly the same as 16 dp when the device's font size is normal or 100%. But when device's font size is large, for example 125%, 16 sp will translate to 20 dp or 1.25 times 16.

If you use dp as the unit for font size, then that piece of text has a specific physical size no matter if the user has customize device's font size. Using sp units will make a better experience for people with impaired eyesight.

Reference : Udacity , Google




SDP - a scalable size unit - basically it is not a unit, but dimension resources for different screen size.

Try the sdp library from Intuit. It's very handy to solve unit problems, and you can quickly support multiple screens .

استعمال

android:paddingBottom="@dimen/_15sdp" for positive and android:layout_marginTop="@dimen/_minus10sdp" for negative sdp sdp

It has equivalent value in dp for each size in values-sw<N>dp folders (sw = smallestWidth).

Attention

Use it carefully! In most cases you still need to design a different layout for tablets.

مثال

<LinearLayout
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_marginTop="@dimen/_minus10sdp"
          android:paddingBottom="@dimen/_15sdp"
          android:orientation="horizontal" >

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:includeFontPadding="false"
                    android:text="♡"
                    android:textColor="#ED6C27"
                    android:textSize="@dimen/_70sdp"
                    android:textStyle="bold" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:includeFontPadding="false"
                    android:text="U"
                    android:textColor="@android:color/black"
                    android:textSize="@dimen/_70sdp" />
            </LinearLayout>

You can use db for text size, but I prefer ssp for text size.

For more details, check the library GitHub page .




يمكن رؤية الفرق بين وحدات dp و sp المشار إليها على أنها " تفضيل حجم خط المستخدم " بالإجابات المنسوخة من الوثائق الرسمية في وقت التشغيل عن طريق تغيير خيار Settings->Accessibility->Large Text .

Large Text خيار Large Text أكبر من 1.3 مرة.

private static final float LARGE_FONT_SCALE = 1.3f;

قد يكون هذا بالطبع معتمدًا على الموردين نظرًا لأنه يقع في packages/apps/Settings .




sp = scale independent pixel

dp = density independent pixels

dpi = density pixels

I have gone through the above answers...not finding them exactly correct. sp for text size, dp for layout bounds - standard. But sp for text size will break the layout if used carelessly in most of the devices.

sp take the textsize of the device, whereas dp take that of device density standard( never change in a device) Say 100sp text can occupies 80% of screen or 100% of screen depending on the font size set in device

You can use sp for layout bounds also, it will work :) No standard app use sp for whole text

Use sp and dp for text size considering UX.

  • Dont use sp for text in toolbar( can use android dimens available or dp)
  • Dont use sp for text in small bounded buttons, very smaller text, etc

Some people use huge FONT in their phone for more readability, giving them small hardcoded sized text will be an UX issue. Put sp for text where necessary, but make sure it won't break the layout.




أين يمكن استخدام ما والعلاقة بين px و dp؟

بكسل مستقلة الكثافة (dp)

وحدة بكسل افتراضية يجب استخدامها عند تعريف تخطيط واجهة المستخدم ، للتعبير عن أبعاد التخطيط أو موضعه بطريقة مستقلة عن الكثافة. كما هو موصوف أعلاه ، فإن البكسل المستقل الكثافة يساوي بيكسل مادي واحد على شاشة 160 نقطة في البوصة ، وهي كثافة خط الأساس التي يفترضها النظام لشاشة كثافة "متوسطة". في وقت التشغيل ، يتعامل النظام بشفافية مع أي قياس لوحدات dp ، حسب الضرورة ، استنادًا إلى الكثافة الفعلية للشاشة المستخدمة. عملية تحويل وحدات dp إلى وحدات بكسل الشاشة بسيطة:

px = dp * (dpi / 160).

على سبيل المثال ، على شاشة 240 نقطة في البوصة ، يساوي dp 1 1.5 بكسل فعلية. يجب دائمًا استخدام وحدات dp عند تحديد واجهة مستخدم التطبيق الخاص بك ، لضمان عرض صحيح لواجهة المستخدم الخاصة بك على الشاشات ذات الكثافات المختلفة.

يعتبر فهم البكسل إلى dp والعكس صحيحًا جدًا (خاصةً لإعطاء قيم dp بدقة إلى الفريق الإبداعي)

dp = px * 160 / dpi

MDPI = 160 dpi || Therefore, on MDPI 1 px = 1 dp
For example, if you want to convert 20 pixel to dp, use the above formula,
dp = 20 * 160 / 160 = 20.
So, 20 pixel = 20 dp.

HDPI = 240 dpi - So, on HDPI 1.5 px = 1 dp
XHDPI = 320 dpi - So, on XHDPI 2 px = 1 dp
XXHDPI = 480 dpi - So, on XXHDPI 3 px = 1 dp

For example, let us consider Nexus 4.
If 24 pixels to be converted to dp and if it is a Nexus 4 screen, developers can
convert it to dp easily by the following calculation :
dp = 24 * 160 / 320 = 12 dp
Screen dimension:
768 x 1280 pixel resolution (320 ppi or 320dpi)
Optional (screen size):
 4.7" diagonal
  • حاول الحصول على جميع قيم البكسل بأرقام زوجية من الفريق الإبداعي. وإلا ستفقد الدقة أثناء الضرب بـ 0.5.

بكسل

هو موضح أعلاه. حاول تجنب في ملفات التخطيط. ولكن هناك بعض الحالات ، حيث مطلوب بكسل. على سبيل المثال ، سطر مقسم ListView. px هنا أفضل لإعطاء خط واحد بكسل كمقسم لجميع قرارات الشاشة.

س

استخدم sp لأحجام الخطوط. ثم يتغير فقط الخط داخل التطبيق بينما يتغير حجم خطوط الجهاز (أي ، العرض -> الخطوط على الجهاز). إذا كنت تريد الاحتفاظ بخط بحجم ثابت داخل التطبيق ، فيمكنك إعطاء بُعد الخط في dp. في مثل هذه الحالة ، لن يتغير أبدًا. قد يحصل المطورون على مثل هذا الشرط لبعض الشاشات المحددة ، لذلك ، يمكن للمطورين استخدام dp بدلاً من sp. في جميع الحالات الأخرى ، يوصى باستخدام sp.




نقطة في البوصة -

  • النقاط لكل بوصة
  • قياس كثافة البكسل للشاشة.

بكسل - بكسل

  • لتخطيط بكسل الشاشة

نقطة - نقاط

  • حوالي 1/72 من البوصة ، فيما يتعلق بحجم الشاشة المادية.

بوصة - فيما يتعلق بحجم الشاشة الفعلية (1 بوصة = 2.54 سم).

mm-milimeter - فيما يتعلق بحجم الشاشة المادية.

بكسل ذات مقياس sp مستقلا.

  • بناءً على تفضيل حجم خط المستخدم.
  • يجب أن يكون الخط في "sp".

تراجع -

  • تراجع == موانئ دبي
  • كثافة مستقلة بكسل.
  • يختلف بناءً على كثافة الشاشة.
  • في شاشة 160 نقطة في البوصة ، 1 dp = 1 بكسل.
  • استخدم dp باستثناء حجم خط النص.

في المعيار ، وتستخدم dp و sp. لخط حجم و dp لكل شيء آخر.

صيغة لتحويل الوحدات:

px = dp * (نقطة في البوصة / 160) ؛

Density Bucket -> Screen Display => Physical Size        => Pixel Size                   

ldpi         -> 120 dpi          => 0.5 x 0.5 in         => 0.5 in * 120 dpi = 60x60 px   

mdpi         -> 160 dpi          => 0.5 x 0.5 in         => 0.5 in * 160 dpi = 80x80 px   

hdpi         -> 240 dpi          => 0.5 x 0.5 in         => 0.5 in * 240 dpi = 120x120 px  

xhdpi        -> 320 dpi          => 0.5 x 0.5 in         => 0.5 in * 320 dpi = 160x160 px  

xxhdpi       -> 480 dpi          => 0.5 x 0.5 in         => 0.5 in * 480 dpi = 240x240 px 

xxxhdpi      -> 640 dpi          => 0.5 x 0.5 in         => 0.5 in * 640 dpi = 320x320 px  



تعريفات

px أو dot هي بكسل على الشاشة الفعلية.

نقطة في البوصة هي بكسل لكل بوصة على الشاشة الفعلية وتمثل كثافة العرض.

يقدم Android أسماء مستعارة إلى كثافات متعددة

  • ldpi (منخفض) ~ 120dpi
  • mdpi (متوسطة) ~ 160dpi
  • hdpi (عالية) ~ 240dpi
    • معظم الأجهزة في عام 2015 هنا
  • xhdpi (عالية جدا) ~ 320dpi
    • Apple iPhone 4/5/6 ، Nexus 4
  • xxhdpi (خارج إضافية عالية) ~ 480dpi
    • جهاز Nexus 5
  • xxxhdpi (إضافية خارج إضافية عالية) ~ 640dpi

dip أو dp هي بكسلات indenpendant الكثافة ، أي أنها تتوافق مع بكسلات أكثر أو أقل بناءً على الكثافة المادية.

  • 1dp = 1px على mdpi

sp أو sip هو مقياس مستقل عن البكسل . يتم تحجيمها عند تشغيل خيار النص الكبير في الإعدادات > إمكانية الوصول

  • 1 ثانية = 1 نقطة
  • 1sp = 1.2dp مع إمكانية الوصول نص كبير

ماذا نستخدم؟

استخدم sp لحجم النص.

استخدم موانئ دبي لكل شيء آخر.




Screen size in Android is grouped into categories ldpi , mdpi , hdpi , xhdpi , xxhdpi and xxxhdpi . Screen density is the amount of pixels within an area (like inch) of the screen. Generally it is measured in dots-per-inch ( dpi ).

PX(Pixels):

  • our usual standard pixel which maps to the screen pixel. px is meant for absolute pixels. This is used if you want to give in terms of absolute pixels for width or height. لا ينصح.

DP/DIP(Density pixels / Density independent pixels):

  • dip == dp . In earlier Android versions dip was used and later changed to dp . This is alternative of px .

  • Generally we never use px because it is absolute value. If you use px to set width or height, and if that application is being downloaded into different screen sized devices, then that view will not stretch as per the screen original size.

  • dp is highly recommended to use in place of px . Use dp if you want to mention width and height to grow & shrink dynamically based on screen sizes.

  • if we give dp/dip , android will automatically calculate the pixel size on the basis of 160 pixel sized screen.

SP(Scale independent pixels):

  • scaled based on user's font size preference. Fonts should use sp .

  • when mentioning the font sizes to fit for various screen sizes, use sp . This is similar to dp .Use sp especially for font sizes to grow & shrink dynamically based on screen sizes

Android Documentation says:

when specifying dimensions, always use either dp or sp units. A dp is a density-independent pixel that corresponds to the physical size of a pixel at 160 dpi . An sp is the same base unit, but is scaled by the user's preferred text size (it's a scale-independent pixel), so you should use this measurement unit when defining text size




Before answering this question let me decrease the number of units first. So here you go: dp or dip are both the same and are known as Density-independent pixels .

1. px - stands for pixels. Pixels are a single dot, point on a screen. Generally in the mobile industry it is measured in ppi (pixels per inch). Screen resolution is directly proportional to ppi, the larger the number of pixels per inch the higher the screen resolution.

For example, if you draw an image of a size 200 px * 200 px , then its appearance must be different on a high-resolution device versus a low-resolution device. The reason is a 200 px image on a low-resolution phone will be look larger than on a high-resolution device.

Below images are showing a resolution of the same image on different phones -

  • Phone with High screen resolution

  • Phone with Low screen resolution

2. dip or dp - an abstract unit that is based on the physical density of the screen. These units are relative to a 160 dpi screen, so one dp is one pixel on a 160 dpi screen. The ratio of dp-to-pixel will change with the screen density, but not necessarily in direct proportion. "Density independence" refers to the uniform display of UI elements on screens with different densities.

  • Image which is showing 80px (left side image) and 80 dp (right-side image) . Checkout difference.

A dp is equal to one physical pixel on a screen with a density of 160 . To calculate dp:

dp = (width in pixels * 160) / screen density

3. sp - stands for scalable pixels. Generally sp is used for texts on the UI, and sp preserves the font settings. For example, if a user selected a larger font than 30 sp it will auto scale to appear large according to a user preference.