102 lines
2.9 KiB
Plaintext
102 lines
2.9 KiB
Plaintext
page.title=Screen Sizes and Densities
|
|
@jd:body
|
|
|
|
<style type="text/css">
|
|
|
|
div.dashboard-panel {
|
|
max-width:1000px;
|
|
margin:0 0 2em 0;
|
|
padding:20px 20px 0 20px;
|
|
border:1px solid #d3ecf5;
|
|
border-radius:7px;
|
|
-moz-border-radius:7px;
|
|
-webkit-border-radius:7px;
|
|
background-color: #DAF3FC;
|
|
box-shadow:2px 3px 1px #eee;
|
|
-moz-box-shadow:2px 3px 1px #eee;
|
|
-webkit-box-shadow:2px 3px 1px #eee;
|
|
overflow:hidden;
|
|
}
|
|
#jd-content div.dashboard-panel img {
|
|
margin:0 20px 20px 0;
|
|
padding:0;
|
|
border:1px solid #ccc;
|
|
float:left;
|
|
}
|
|
#jd-content div.dashboard-panel table {
|
|
margin:0 0 20px 0;
|
|
float:left;
|
|
background-color:#fff;
|
|
}
|
|
div.dashboard-panel p {
|
|
clear:left;
|
|
}
|
|
div.dashboard-panel th {
|
|
white-space:nowrap;
|
|
}
|
|
</style>
|
|
|
|
<p> This page provides data about the relative number of active devices that have a particular
|
|
screen configuration, defined by a combination of screen size and density. To simplify the way that
|
|
you design your user interfaces for different screen configurations, Android divides the range of
|
|
actual screen sizes and densities into:</p>
|
|
|
|
<ul>
|
|
<li>A set of four generalized <strong>sizes</strong>: <em>small</em>, <em>normal</em>,
|
|
<em>large</em>, and <em>xlarge</em></em></li>
|
|
<li>A set of four generalized <strong>densities</strong>: <em>ldpi</em> (low), <em>mdpi</em>
|
|
(medium), <em>hdpi</em> (high), and <em>xhdpi</em> (extra high)</li>
|
|
</ul>
|
|
|
|
<p>For information about how you can support multiple screen configurations in your
|
|
application, see <a href="{@docRoot}guide/practices/screens_support.html">Supporting Multiple
|
|
Screens</a>.</p>
|
|
|
|
<p class="note"><strong>Note:</strong> This data is based on the number
|
|
of Android devices that have accessed Android Market within a 7-day period
|
|
ending on the data collection date noted below.</p>
|
|
|
|
|
|
<div class="dashboard-panel">
|
|
|
|
<img alt="" width="400" height="250"
|
|
src="http://chart.googleapis.com/chart?cht=p&chs=400x250&chco=c4df9b,6fad0c&chl=Xlarge%20/%20mdpi|Large%20/%20mdpi|Normal%20/%20hdpi|Normal%20/%20ldpi|Normal%20/%20mdpi|Small%20/%20hdpi&chd=t%3A0.9,2.8,75,1.0,17,3.3" />
|
|
|
|
<table>
|
|
<tr>
|
|
<th></th>
|
|
<th scope="col">ldpi</th>
|
|
<th scope="col">mdpi</th>
|
|
<th scope="col">hdpi</th>
|
|
<th scope="col">xhdpi</th>
|
|
</tr>
|
|
<tr><th scope="row">small</th>
|
|
<td></td> <!-- small/ldpi -->
|
|
<td></td> <!-- small/mdpi -->
|
|
<td>3.3%</td> <!-- small/hdpi -->
|
|
<td></td> <!-- small/xhdpi -->
|
|
</tr>
|
|
<tr><th scope="row">normal</th>
|
|
<td>1%</td> <!-- normal/ldpi -->
|
|
<td>17%</td> <!-- normal/mdpi -->
|
|
<td>75%</td> <!-- normal/hdpi -->
|
|
<td></td> <!-- normal/xhdpi -->
|
|
</tr>
|
|
<tr><th scope="row">large</th>
|
|
<td></td> <!-- large/ldpi -->
|
|
<td>2.8%</td> <!-- large/mdpi -->
|
|
<td></td> <!-- large/hdpi -->
|
|
<td></td> <!-- large/xhdpi -->
|
|
</tr>
|
|
<tr><th scope="row">xlarge</th>
|
|
<td></td> <!-- xlarge/ldpi -->
|
|
<td>0.9%</td> <!-- xlarge/mdpi -->
|
|
<td></td> <!-- xlarge/hdpi -->
|
|
<td></td> <!-- xlarge/xhdpi -->
|
|
</tr>
|
|
</table>
|
|
|
|
<p><em>Data collected during a 7-day period ending on July 1, 2011</em></p>
|
|
</div>
|
|
|