Home | History | Annotate | Download | only in dashboard 
      1 page.title=Screen Sizes and Densities
      2 @jd:body
      3 
      4 <style type="text/css">
      5 
      6 div.dashboard-panel {
      7   max-width:1000px;
      8   margin:0 0 2em 0;
      9   padding:20px 20px 0 20px;
     10   border:1px solid #d3ecf5;
     11   border-radius:7px;
     12   -moz-border-radius:7px;
     13   -webkit-border-radius:7px;
     14   background-color: #DAF3FC;
     15   box-shadow:2px 3px 1px #eee;
     16   -moz-box-shadow:2px 3px 1px #eee;
     17   -webkit-box-shadow:2px 3px 1px #eee;
     18   overflow:hidden;
     19 }
     20 #jd-content div.dashboard-panel img {
     21   margin:0 20px 20px 0;
     22   padding:0;
     23   border:1px solid #ccc;
     24   float:left;
     25 }
     26 #jd-content div.dashboard-panel table {
     27   margin:0 0 20px 0;
     28   float:left;
     29   background-color:#fff;
     30 }
     31 div.dashboard-panel p {
     32   clear:left;
     33 }
     34 div.dashboard-panel th {
     35   white-space:nowrap;
     36 }
     37 </style>
     38 
     39 <p> This page provides data about the relative number of active devices that have a particular
     40 screen configuration, defined by a combination of screen size and density. To simplify the way that
     41 you design your user interfaces for different screen configurations, Android divides the range of
     42 actual screen sizes and densities into:</p> 
     43  
     44 <ul> 
     45 <li>A set of four generalized <strong>sizes</strong>: <em>small</em>, <em>normal</em>,
     46 <em>large</em>, and <em>xlarge</em></em></li>
     47 <li>A set of four generalized <strong>densities</strong>: <em>ldpi</em> (low), <em>mdpi</em>
     48 (medium), <em>hdpi</em> (high), and <em>xhdpi</em> (extra high)</li>
     49 </ul> 
     50 
     51 <p>For information about how you can support multiple screen configurations in your
     52 application, see <a href="{@docRoot}guide/practices/screens_support.html">Supporting Multiple
     53 Screens</a>.</p>
     54 
     55 <p class="note"><strong>Note:</strong> This data is based on the number
     56 of Android devices that have accessed Android Market within a 7-day period
     57 ending on the data collection date noted below.</p>
     58 
     59 
     60 <div class="dashboard-panel">
     61 
     62 <img alt="" width="400" height="250"
     63 src="http://chart.googleapis.com/chart?cht=p&chs=400x250&chco=c4df9b,6fad0c&chl=Xlarge%20/%20mdpi|Large%20/%20ldpi|Large%20/%20mdpi|Normal%20/%20hdpi|Normal%20/%20ldpi|Normal%20/%20mdpi|Small%20/%20hdpi|Small%20/%20ldpi&chd=t%3A3.1,0.1,3.1,71.0,1.0,17.5,2.9,1.3" />
     64 
     65 <table>
     66 <tr>
     67 <th></th>
     68 <th scope="col">ldpi</th>
     69 <th scope="col">mdpi</th>
     70 <th scope="col">hdpi</th>
     71 <th scope="col">xhdpi</th>
     72 </tr>
     73 <tr><th scope="row">small</th> 
     74 <td>1.3%</td>     <!-- small/ldpi -->
     75 <td></td>     <!-- small/mdpi -->
     76 <td>2.9%</td> <!-- small/hdpi -->
     77 <td></td>     <!-- small/xhdpi -->
     78 </tr> 
     79 <tr><th scope="row">normal</th> 
     80 <td>1.0%</td>  <!-- normal/ldpi -->
     81 <td>17.5%</td> <!-- normal/mdpi -->
     82 <td>71%</td> <!-- normal/hdpi -->
     83 <td></td>      <!-- normal/xhdpi -->
     84 </tr> 
     85 <tr><th scope="row">large</th> 
     86 <td>0.1%</td>     <!-- large/ldpi -->
     87 <td>3.1%</td> <!-- large/mdpi -->
     88 <td></td>     <!-- large/hdpi -->
     89 <td></td>     <!-- large/xhdpi -->
     90 </tr> 
     91 <tr><th scope="row">xlarge</th> 
     92 <td></td>     <!-- xlarge/ldpi -->
     93 <td>3.1%</td> <!-- xlarge/mdpi -->
     94 <td></td>     <!-- xlarge/hdpi -->
     95 <td></td>     <!-- xlarge/xhdpi -->
     96 </tr> 
     97 </table>
     98 
     99 <p><em>Data collected during a 7-day period ending on December 1, 2011</em></p>
    100 </div>
    101 
    102