docs: update screens dashboard and add opengl dashboard

page.title=OpenGL ES Versions

@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 support a particular

version of OpenGL ES. Note that support for one particular version of OpenGL ES also implies

support for any lower version (for example, support for version 2.0 also implies support for

1.1).</p>

<p>To declare which version of OpenGL ES your application requires, you should use the {@code

android:glEsVersion} attribute of the <a

href="{@docRoot}guide/topics/manifest/uses-feature-element.html">{@code &lt;uses-feature&gt;}</a>

element. You can also use the <a

href="{@docRoot}guide/topics/manifest/supports-gl-texture-element.html">{@code

&lt;supports-gl-texture&gt;}</a> element to declare the GL compression formats that your application

uses.</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=GL%20ES%201.1|GL%20ES%202.0&chd=t%3A8.9,91.1" />

<table>

<tr>

<th scope="col">OpenGL ES Version</th>

<th scope="col">Distribution</th>

</tr>

<tr>

<td>1.1</th>

<td>8.9%</td>

</tr>

<tr>

<td>2.0</th>

<td>91.1%</td>

</tr>

</table>

<p><em>Data collected during a 7-day period ending on May 6, 2011</em></p>

</div>

}

</style>

<p>This page provides data about the relative number of active devices

using a particular type of screen, including the screen size and density. For information about how

your application can support multiple screen types, see <a

href="{@docRoot}guide/practices/screens_support.html">Supporting Multiple Screens</a>.</p>

<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 14-day period

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="460" height="250"

src="http://chart.apis.google.com/chart?&cht=p&chs=460x250&chd=t:2.3,0.4,45.9,51.2&chl=Small%20/%

20ldpi|Normal%20/%20ldpi|Normal%20/%20mdpi|Normal%20/%20hdpi&chco=c4df9b,6fad0c" />

<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.5,2.6,75.5,1.2,17.1,3.2" />

<table>

<tr>

<th></th>

<th scope="col">Low Density</th>

<th scope="col">Medium Density</th>

<th scope="col">High Density</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> <!-- ldpi -->

<td></td> <!-- mdpi -->

<td>3.2%</td> <!-- hdpi -->

<td></td> <!-- xhdpi -->

</tr> 

<tr><th scope="row">Small</th> 

<td class='cent hi'>2.3%</td> 

<td></td> 

<td></td> 

<tr><th scope="row">normal</th> 

<td>1.2%</td> <!-- ldpi -->

<td>17.1%</td> <!-- mdpi -->

<td>75.5%</td> <!-- hdpi -->

<td></td> <!-- xhdpi -->

</tr> 

<tr><th scope="row">Normal</th> 

<td class='cent '>0.4%</td> 

<td class='cent hi'>45.9%</td> 

<td class='cent hi'>51.2%</td> 

<tr><th scope="row">large</th> 

<td></td> <!-- ldpi -->

<td>2.6%</td> <!-- mdpi -->

<td></td> <!-- hdpi -->

<td></td> <!-- xhdpi -->

</tr> 

<tr><th scope="row">Large</th> 

<td></td> 

<td></td> 

<td></td> 

<tr><th scope="row">xlarge</th> 

<td></td> <!-- ldpi -->

<td>0.5%</td> <!-- mdpi -->

<td></td> <!-- hdpi -->

<td></td> <!-- xhdpi -->

</tr> 

</table>

<p><em>Data collected during two weeks ending on August 2, 2010</em></p>

<p><em>Data collected during a 7-day period ending on May 6, 2011</em></p>

</div>

      <li><a href="<?cs var:toroot ?>resources/dashboard/screens.html">

            <span class="en">Screen Sizes &amp; Densities</span>

          </a></li>

      <li><a href="<?cs var:toroot ?>resources/dashboard/opengl.html">

            <span class="en">OpenGL ES Versions</span>

          </a></li>

    </ul>

  </li><?cs

  /if