StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>From the <a href="http://developer.android.com/guide/topics/resources/more-resources.html#Dimension" rel="noreferrer">Android Developer Documentation</a>:</p> <ol> <li><blockquote> <p><strong>px</strong><br> <strong>Pixels</strong> - corresponds to actual pixels on the screen.</p> </blockquote></li> <li><blockquote> <p><strong>in</strong><br> <strong>Inches</strong> - based on the physical size of the screen.<br> 1 Inch = 2.54 centimeters</p> </blockquote></li> <li><blockquote> <p><strong>mm</strong><br> <strong>Millimeters</strong> - based on the physical size of the screen.</p> </blockquote></li> <li><blockquote> <p><strong>pt</strong><br> <strong>Points</strong> - 1/72 of an inch based on the physical size of the screen.</p> </blockquote></li> <li><blockquote> <p><strong>dp</strong> or <strong>dip</strong><br> <strong>Density</strong>-independent Pixels - 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. Note: The compiler accepts both "dip" and "dp", though "dp" is more consistent with "sp".</p> </blockquote></li> <li><blockquote> <p><strong>sp</strong><br> <strong>Scale</strong>-independent Pixels - this is like the dp unit, but it is also scaled by the user's font size preference. It is recommended you use this unit when specifying font sizes, so they will be adjusted for both the screen density and user's preference.</p> </blockquote></li> </ol> <p>From <a href="https://www.captechconsulting.com/blogs/understanding-density-independence-in-android" rel="noreferrer">Understanding Density Independence In Android</a>:</p> <pre class="lang-none prettyprint-override"><code>+----------------+----------------+---------------+-------------------------------+ | Density Bucket | Screen Density | 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 | +----------------+----------------+---------------+-------------------------------+ </code></pre> <pre class="lang-none prettyprint-override"><code>+---------+-------------+---------------+-------------+--------------------+ | Unit | Description | Units Per | Density | Same Physical Size | | | | Physical Inch | Independent | On Every Screen | +---------+-------------+---------------+-------------+--------------------+ | px | Pixels | Varies | No | No | +---------+-------------+---------------+-------------+--------------------+ | in | Inches | 1 | Yes | Yes | +---------+-------------+---------------+-------------+--------------------+ | mm | Millimeters | 25.4 | Yes | Yes | +---------+-------------+---------------+-------------+--------------------+ | pt | Points | 72 | Yes | Yes | +---------+-------------+---------------+-------------+--------------------+ | dp | Density | ~160 | Yes | No | | | Independent | | | | | | Pixels | | | | +---------+-------------+---------------+-------------+--------------------+ | sp | Scale | ~160 | Yes | No | | | Independent | | | | | | Pixels | | | | +---------+-------------+---------------+-------------+--------------------+ </code></pre> <p>More info can be also be found in the <a href="https://www.google.com/design/spec/layout/units-measurements.html#" rel="noreferrer">Google Design Documentation</a>.</p> <p>To calculate dimensions on real device <a href="https://play.google.com/store/apps/details?id=com.faizmalkani.keylines&hl=en" rel="noreferrer">this</a> app can be used.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload