summaryrefslogtreecommitdiffstats
path: root/docs/html
diff options
context:
space:
mode:
authorScott Main <smain@google.com>2013-07-08 11:11:52 -0700
committerScott Main <smain@google.com>2013-07-08 12:44:41 -0700
commit9c35004eabc48509c22d27f0a32ef7391e7ce923 (patch)
treec6c42d82d3f50f100a1bf74cbf71e5559caf9a41 /docs/html
parent31da63220f1038b65d094bf510cd22f6a6da9769 (diff)
downloadframeworks_base-9c35004eabc48509c22d27f0a32ef7391e7ce923.zip
frameworks_base-9c35004eabc48509c22d27f0a32ef7391e7ce923.tar.gz
frameworks_base-9c35004eabc48509c22d27f0a32ef7391e7ce923.tar.bz2
add xxhdpi information to tablet checklist
Change-Id: I8eff162527a9de59c667a7152b70eed7590ddbe3
Diffstat (limited to 'docs/html')
-rw-r--r--docs/html/distribute/googleplay/quality/tablet.jd82
1 files changed, 45 insertions, 37 deletions
diff --git a/docs/html/distribute/googleplay/quality/tablet.jd b/docs/html/distribute/googleplay/quality/tablet.jd
index 03c180b..5a707be 100644
--- a/docs/html/distribute/googleplay/quality/tablet.jd
+++ b/docs/html/distribute/googleplay/quality/tablet.jd
@@ -25,9 +25,7 @@ page.title=Tablet App Quality Checklist
</ol>
</div></div>
-<p>Before you publish an app on Google Play, it's important to make sure that
-the app meets the basic expectations of tablet users through compelling features
-and an intuitive, well-designed UI. </p>
+<p>Before you publish an app on Google Play, it's important to make sure that the app meets the basic expectations of tablet users through compelling features and an intuitive, well-designed UI. </p>
<p>Tablets are a growing part of the Android installed base that offers new
opportunities for <a
@@ -258,32 +256,34 @@ different layouts in the appropriate screen size buckets (such as
<h2 id="use-tablet-icons">4. Use Icons and other assets that are designed
for tablet screens</h2>
-<p>So that your app looks its best, make sure to use icons and other bitmap
-assets that are created specifically for the densities used by tablet screens.
-Specifically, you should create sets of alternative bitmap drawables for each
-density in the range commonly supported by tablets.</p>
+<p>To ensure your app looks its best, provide icons and other bitmap
+assets for each density in the range commonly supported by tablets. Specifically, you should
+design your icons for the action bar, notifications, and launcher according to the
+<a href="{@docRoot}design/style/iconography.html">Iconography</a> guidelines and
+provide them in multiple densities, so they appear at the appropriate size on all screens
+without blurring or other scaling artifacts.</p>
<p class="table-caption"><strong>Table 1</strong>. Raw asset sizes for icon types.<table>
<tr>
-<th>Density </th>
-<th colspa>Launcher</th>
+<th>Density</th>
+<th>Launcher</th>
<th>Action Bar</th>
<th>Small/Contextual</th>
<th>Notification</th>
</tr>
<tr>
<td><code>mdpi</code></td>
-<td>48x48px</td>
-<td>32x32px</td>
-<td>16x16px</td>
-<td>24x24px</td>
+<td>48x48 px</td>
+<td>32x32 px</td>
+<td>16x16 px</td>
+<td>24x24 px</td>
</tr>
<tr>
<td><code>hdpi</code></td>
-<td>72x72px</td>
-<td>48x48px</td>
-<td>24x24px</td>
-<td>36x36px</td>
+<td>72x72 px</td>
+<td>48x48 px</td>
+<td>24x24 px</td>
+<td>36x36 px</td>
</tr>
<tr>
<td><code>tvdpi</code></td>
@@ -294,34 +294,42 @@ density in the range commonly supported by tablets.</p>
</tr>
<tr>
<td><code>xhdpi</code></td>
-<td>96x96px</td>
-<td>64x64px</td>
-<td>32x32px</td>
-<td>48x48px</td>
+<td>96x96 px</td>
+<td>64x64 px</td>
+<td>32x32 px</td>
+<td>48x48 px</td>
+</tr>
+<tr>
+<td><code>xxhdpi</code></td>
+<td>144x144 px</td>
+<td>96x96 px</td>
+<td>48x48 px</td>
+<td>74x74 px</td>
</tr>
</table>
-<p>Other points to consider: </p>
+<p>Your app should supply a version of each icon and bitmap asset that's optimized
+for <strong>at least one</strong> the following common tablet screen densities:</p>
<ul>
-<li>Icons in the action bar, notifications, and launcher should be designed
-according to the icon design guidelines and have the same physical size on
-tablets as on phones.</li>
-<li>Use density-specific <a
-href="{@docRoot}guide/topics/resources/providing-resources.html#AlternativeResources">
-resource qualifiers</a> to ensure that the proper set of alternative resources
-gets loaded.</li>
+ <li><code>hdpi</code></li>
+ <li><code>xhdpi</code></li>
+ <li><code>xxhdpi</code></li>
</ul>
-<p style="margin-bottom:.5em;">At a minimum, your app should supply sets of
- custom drawables and assets for common tablet screen densities,
- tagged with these qualifiers as appropriate:</p>
+<p>Other tips:</p>
<ul>
- <li><code>hdpi</code>, OR</li>
- <li><code>xhdpi</code>, OR</li>
- <li><code>xxhdpi</code></li>
+<li>When possible, use vector shapes for your icon designs so you can scale them
+without loss of detail and edge crispness.</li>
+<li>Use density-specific <a
+href="{@docRoot}guide/topics/resources/providing-resources.html#AlternativeResources">
+resource qualifiers</a> to ensure that the proper icons are loaded for each screen density.</li>
+<li>Tablets and other large screen devices often request a launcher icon that is one density
+size larger than the device's actual density, so you should provide your launcher
+icon at the highest density possible. For example, if a tablet has an {@code xhdpi} screen,
+it will request the {@code xxhdpi} version of the launcher icon.</li>
</ul>
<div class="rel-resources">
@@ -331,8 +339,8 @@ gets loaded.</li>
<ul>
<li>
- <a href="{@docRoot}design/style/iconography.html">Iconography</a>&mdash; Android
- Design document that shows how to use various types of icons.
+ <a href="{@docRoot}design/style/iconography.html">Iconography</a>&mdash;
+ Design guidelines and tips about how to create various types of icons.
</li>
<li>