am b6451228: docs: update screens dashboard and add opengl dashboard

* commit 'b6451228526288b158c3b0bf0c5abbd5b072d51c':
  docs: update screens dashboard and add opengl dashboard
This commit is contained in:
Scott Main
2011-05-06 17:05:42 -07:00
committed by Android Git Automerger
3 changed files with 126 additions and 24 deletions

View File

@@ -0,0 +1,79 @@
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>

View File

@@ -36,46 +36,66 @@ div.dashboard-panel th {
}
</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 class='cent hi'>2.3%</td>
<td></td>
<td></td>
<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">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">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">Large</th>
<td></td>
<td></td>
<td></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">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>

View File

@@ -81,6 +81,9 @@
<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