diff options
| -rw-r--r-- | docs/html/design/patterns/notifications.jd | 8 | ||||
| -rw-r--r-- | docs/html/training/multiscreen/screendensities.jd | 41 | ||||
| -rw-r--r-- | docs/html/training/tv/playback/index.jd | 11 |
3 files changed, 44 insertions, 16 deletions
diff --git a/docs/html/design/patterns/notifications.jd b/docs/html/design/patterns/notifications.jd index f5cd2a7..fdd435c 100644 --- a/docs/html/design/patterns/notifications.jd +++ b/docs/html/design/patterns/notifications.jd @@ -15,6 +15,14 @@ page.tags="notifications","design","L" </div> </a> +<!-- video box --> +<a class="notice-developers-video" href="https://www.youtube.com/watch?v=Uiq2kZ2JHVY"> +<div> + <h3>Video</h3> + <p>DevBytes: Notifications in the Android L Developer Preview</p> +</div> +</a> + <style> .col-5, .col-6, .col-7 { margin-left:0px; diff --git a/docs/html/training/multiscreen/screendensities.jd b/docs/html/training/multiscreen/screendensities.jd index 7817830..fcb65cc 100644 --- a/docs/html/training/multiscreen/screendensities.jd +++ b/docs/html/training/multiscreen/screendensities.jd @@ -15,8 +15,8 @@ next.link=adaptui.html <!-- This is the training bar --> -<div id="tb-wrapper"> -<div id="tb"> +<div id="tb-wrapper"> +<div id="tb"> <h2>This lesson teaches you to</h2> <ol> @@ -33,16 +33,15 @@ Guidelines</a></li> </ul> <h2>Try it out</h2> - -<div class="download-box"> + +<div class="download-box"> <a href="http://developer.android.com/shareables/training/NewsReader.zip" class="button">Download the sample app</a> -<p class="filename">NewsReader.zip</p> -</div> - - -</div> -</div> +<p class="filename">NewsReader.zip</p> +</div> + +</div> +</div> <p>This lesson shows you how to support different screen densities by providing different resources and using resolution-independent units of @@ -54,19 +53,29 @@ measurements.</p> absolute pixels to define distances or sizes. Defining layout dimensions with pixels is a problem because different screens have different pixel densities, so the same number of pixels may correspond to different physical sizes on -different devices. Therefore, when specifying dimensions, always use either +different devices. Therefore, when specifying dimensions, always use either <code>dp</code> or <code>sp</code> units. A <code>dp</code> is a density-independent pixel that corresponds to the physical size of a pixel at 160 dpi. An <code>sp</code> is the same base unit, but is scaled by the user's preferred text size (it’s a scale-independent pixel), so you should use this measurement unit when defining text size (but never for layout sizes).</p> -<p>For example, when you specify spacing between two views, use <code>dp</code> + <!-- video box --> +<a class="notice-developers-video left" href="https://www.youtube.com/watch?v=zhszwkcay2A"> +<div> + <h3>Video</h3> + <p>DesignBytes: Density-independent Pixels</p> +</div> +</a> + +<br style="clear:left"> + +<p>For example, when you specify spacing between two views, use <code>dp</code> rather than <code>px</code>:</p> <pre> -<Button android:layout_width="wrap_content" - android:layout_height="wrap_content" +<Button android:layout_width="wrap_content" + android:layout_height="wrap_content" android:text="@string/clickme" android:layout_marginTop="20dp" /> </pre> @@ -74,8 +83,8 @@ rather than <code>px</code>:</p> <p>When specifying text size, always use <code>sp</code>:</p> <pre> -<TextView android:layout_width="match_parent" - android:layout_height="wrap_content" +<TextView android:layout_width="match_parent" + android:layout_height="wrap_content" android:textSize="20sp" /> </pre> diff --git a/docs/html/training/tv/playback/index.jd b/docs/html/training/tv/playback/index.jd index 31c7524..5427d48 100644 --- a/docs/html/training/tv/playback/index.jd +++ b/docs/html/training/tv/playback/index.jd @@ -17,8 +17,19 @@ startpage=true <li><a href="{@docRoot}design/tv/index.html"> Design for TV</a></li> </ul> + +</div> </div> + + <!-- video box --> +<a class="notice-developers-video" href="https://www.youtube.com/watch?v=72K1VhjoL98"> +<div> + <h3>Video</h3> + <p>DevBytes: Android TV — Using the Leanback library</p> </div> +</a> + + <p> Browsing and playing media files is frequently part of the user experience provided by a TV app. |