From f096acd37994e47792552c2e53a6246dc8afb0d3 Mon Sep 17 00:00:00 2001 From: Dirk Dougherty Date: Thu, 7 May 2009 11:12:11 -0700 Subject: [PATCH] AI 148460: Misc changes for dev site. BUG=1790234 Automated import of CL 148460 --- docs/html/community/index.jd | 2 +- .../practices/ui_guidelines/widget_design.jd | 187 +++++++++++++----- docs/html/guide/topics/fundamentals.jd | 2 +- docs/html/guide/topics/resources/index.jd | 4 +- docs/html/sdk/1.5_r1/index.jd | 3 +- 5 files changed, 143 insertions(+), 55 deletions(-) diff --git a/docs/html/community/index.jd b/docs/html/community/index.jd index 5512d9cdb03f2..ab1599a665f46 100644 --- a/docs/html/community/index.jd +++ b/docs/html/community/index.jd @@ -90,7 +90,7 @@ phrasing your questions, read http://www.google.com/support/forum/p/Android+Market?hl=en diff --git a/docs/html/guide/practices/ui_guidelines/widget_design.jd b/docs/html/guide/practices/ui_guidelines/widget_design.jd index 58727af727eef..514b315c0a98b 100644 --- a/docs/html/guide/practices/ui_guidelines/widget_design.jd +++ b/docs/html/guide/practices/ui_guidelines/widget_design.jd @@ -21,44 +21,62 @@ page.title=Widget Design Guidelines
  • Standard widget frames
  • Standard widget shadows
  • Widget graphics tips and tricks
    • -
  • Windows graphics file format
    • +
  • Widget graphics file format

    • See also

      -
    1. The AppWidgets section of the Developer's Guide
      2. -
    2. Jeff Sharkey's AddWidgets blog post
      3. +
    3. AppWidgets topic in the Dev Guide
      4. +
    4. AppWidgets blog post
    -

    Widgets are a new feature introduced in Android™ mobile technology platform 1.5 ("Cupcake"). A widget displays an application's most important or timely information at a glance, on a user's Home screen. The Android open source code includes several examples of widgets, including widgets for Calendar, Music, and other applications.

    +

    Widgets are a feature introduced in Android 1.5. A widget displays an +application's most important or timely information at a glance, on a user's Home +screen. The standard Android system image includes several examples of widgets, +including widgets for Analog Clock, Music, and other applications.

    - +

    Users pick the widgets they want to display on their Home screens by touching +& holding an empty area of the Home screen, selecting Widgets from the menu, +and then selecting the widget they want.

    -

    Users pick the widgets they want to display on their Home screens by touching & holding an empty area of the Home screen, selecting Widgets from the menu, and then selecting the widget they want.

    +

    Example +Widgets

    -

    Example Widgets

    +

    This document describes how to design a widget so it fits graphically with +other widgets and with the other elements of the Android Home screen. It also +describes some standards for widget artwork and some widget graphics tips and +tricks from the Android team.

    -

    This document describes how to design a widget so it fits graphically with other widgets and with the other elements of the Android Home screen. It also describes some standards for widget artwork and some widget graphics tips and tricks from the Android team.

    - -

    For information about developing widgets, see the AppWidgets section of the Developer's Guide and the AddWidgets blog post.

    +

    For information about developing widgets, see the AppWidgets section of +the Developer's Guide and the AppWidgets blog post.

    Standard widget anatomy

    -

    Typical Android widgets have three main components: A bounding box, a frame, and the widget's graphical controls and other elements. Well-designed widgets leave some padding between the edges of the bounding box and the frame, and between the inner edges of the frame and the widget's controls. Widgets designed to fit visually with other widgets on the Home screen take cues from the other elements on the Home screen for alignment; they also use standard shading effects. All of these details are described in this document. +

    Typical Android widgets have three main components: A bounding box, a frame, +and the widget's graphical controls and other elements. Well-designed widgets +leave some padding between the edges of the bounding box and the frame, and +between the inner edges of the frame and the widget's controls. Widgets designed +to fit visually with other widgets on the Home screen take cues from the other +elements on the Home screen for alignment; they also use standard shading +effects. All of these details are described in this document.

    Standard Widget Sizes in Portrait Orientation
    -Standard Widget Sizes in Portrait Orientation

    +

     

    Standard Widget Sizes in Landscape Orientation
    -Standard Widget Sizes in Landscape Orientation

    +

    Designing a widget

    @@ -66,43 +84,72 @@ page.title=Widget Design Guidelines
    1. Select a bounding box size for your widget.
      2. -

      The most effective widgets display your application's most useful or timely data in the smallest widget size. Users will weigh the usefulness or your widget against the portion of the Home screen it covers, so the smaller the better.

      +

      The most effective widgets display your application's most useful or timely +data in the smallest widget size. Users will weigh the usefulness or your widget +against the portion of the Home screen it covers, so the smaller the better.

      -

      All widgets must fit within the bounding box of one of the six supported widget sizes, or better yet, within a pair of portrait and landscape orientation sizes, so your widget looks good when the user switches screen orientations.

      +

      All widgets must fit within the bounding box of one of the six supported +widget sizes, or better yet, within a pair of portrait and landscape orientation +sizes, so your widget looks good when the user switches screen +orientations.

      -

      Standard widget sizes illustrates the bounding dimensions of the six widget sizes (three in portrait and three in landscape orientation).

      +

      Standard widget sizes illustrates the bounding +dimensions of the six widget sizes (three in portrait and three in landscape +orientation).

    2. Select a matching frame.
      3. -

      Standard widget frames illustrates the standard frames for the six widget sizes, with links so you can download copies for your own use. You don't have to use these frames for your widget, but if you do, your widgets are more likely to fit visually with other widgets.

      +

      Standard widget frames illustrates the standard frames +for the six widget sizes, with links so you can download copies for your own +use. You don't have to use these frames for your widget, but if you do, your +widgets are more likely to fit visually with other widgets.

    3. Apply standard shadow effect to your graphics.
      4. -

      Again, you don't have to use this effect, but Standard widget shadows shows the Photoshop settings used for standard widgets.

      +

      Again, you don't have to use this effect, but Standard +widget shadows shows the Photoshop settings used for standard widgets.

      -
    4. If your widget includes buttons, draw them in three states (default, pressed, and selected).
      5. +
    5. If your widget includes buttons, draw them in three states +(default, pressed, and selected).
      6. -

      You can download a Photoshop file that contains the three states of the Play button, taken from the Music widget, to analyze the Photoshop settings used for the three standard button effects.

      +

      You can download a +Photoshop file that contains the three states of the Play button, taken from +the Music widget, to analyze the Photoshop settings used for the three standard +button effects.

      -

      Click to download Photoshop template

      +

      Click to download +Photoshop template

      -
    6. Finish drawing your artwork and then scale and align it to fit.
      7. +
    7. Finish drawing your artwork and then scale and align it to +fit.
      8. -

      Widget alignment tips and tricks describes some techniques for aligning your widget's graphics inside the standard frames, along with a few other widget graphics tricks.

      +

      Widget alignment tips and tricks describes some +techniques for aligning your widget's graphics inside the standard frames, along +with a few other widget graphics tricks.

      -
    8. Save your widget with the correct graphics file settings.
      9. +
    9. Save your widget with the correct graphics file +settings.
      10. -

      Windows graphics file format describes the correct settings for your widget graphics files.

      +

      Windows graphics file format describes the correct +settings for your widget graphics files.

    Standard widget sizes

    -

    There are six standard widget sizes, based on a Home screen grid of 4 x 4 (portrait) or 4 x 4 (landscape) cells. These dimensions are the bounding boxes for the six standard widget sizes. The contents of typical widgets don't draw to the edge of these dimensions, but fit inside a frame withing the bounding box, as described in Designing a widget.

    +

    There are six standard widget sizes, based on a Home screen grid of 4 x 4 +(portrait) or 4 x 4 (landscape) cells. These dimensions are the bounding boxes +for the six standard widget sizes. The contents of typical widgets don't draw to +the edge of these dimensions, but fit inside a frame withing the bounding box, +as described in Designing a widget.

    -

    In portrait orientation, each cell is 80 pixels wide by 100 pixels tall (the diagram shows a cell in portrait orientation). The three supported widget sizes in portrait orientation are:

    +

    In portrait orientation, each cell is 80 pixels wide by 100 pixels tall (the +diagram shows a cell in portrait orientation). The three supported widget sizes +in portrait orientation are:

    @@ -111,9 +158,11 @@ page.title=Widget Design Guidelines
    CellsPixels
    2 x 2160 x 200
    -

    Widget dimensions in portrait orientation

    +

    Widget +dimensions in portrait orientation

    -

    In landscape orientation, each cell is 106 pixels wide by 74 pixels tall. The three supported widget sizes in landscape orientation are:

    +

    In landscape orientation, each cell is 106 pixels wide by 74 pixels tall. The +three supported widget sizes in landscape orientation are:

    @@ -122,60 +171,100 @@ page.title=Widget Design Guidelines
    CellsPixels
    2 x 2212 x 148
    -

    Widget dimensions in landscape orientation

    +

    Widget +dimensions in landscape orientation

    Standard widget frames

    -

    For each of the six standard widget sizes there is a standard frame. You can click the images of the frames in this section to download a Photoshop file for that frame, which you can use for your own widgets.

    +

    For each of the six standard widget sizes there is a standard frame. You can +click the images of the frames in this section to download a Photoshop file for +that frame, which you can use for your own widgets.

    -

    Click to download
    4x1_Widget_Frame_Portrait.psd

    +

    Click to +download
    4x1_Widget_Frame_Portrait.psd

    -

    Click to download
    3x3_Widget_Frame_Portrait.psd

    +

    Click to +download
    3x3_Widget_Frame_Portrait.psd

    -

    Click to download
    2x2_Widget_Frame_Portrait.psd

    +

    Click to +download
    2x2_Widget_Frame_Portrait.psd

    -

    Click to download
    4x1_Widget_Frame_Landscape.psd

    +

    Click +to download
    4x1_Widget_Frame_Landscape.psd

    -

    Click to download
    3x3_Widget_Frame_Landscape.psd

    +

    Click +to download
    3x3_Widget_Frame_Landscape.psd

    -

    Click to download
    2x2_Widget_Frame_Landscape.psd

    +

    Click +to download
    2x2_Widget_Frame_Landscape.psd

    Standard widget shadows

    -

    You can apply a shadow effect to your widget's artwork, so it matches other standard Android widgets, using the following settings in the Photoshop Layer Style dialog box.

    +

    You can apply a shadow effect to your widget's artwork, so it matches other +standard Android widgets, using the following settings in the Photoshop Layer +Style dialog box.

    -

    Layer Style settings for standard shadows

    +

    Layer Style +settings for standard shadows

    Widget graphics tips and tricks

    -

    The Android team has developed a few tricks for aligning widget artwork within standard widget bounding boxes and frames, so the widget aligns visually with other widgets and the other elements of the Home screen, as well as other techniques for creating widgets. +

    The Android team has developed a few tricks for aligning widget artwork +within standard widget bounding boxes and frames, so the widget aligns visually +with other widgets and the other elements of the Home screen, as well as other +techniques for creating widgets.

    Widget graphics file format

    -

    Save your widget artwork using the appropriate bounding box size in PNG-24 format on a transparent background and in 8-bit color.

    +

    Save your widget artwork using the appropriate bounding box size in PNG-24 +format on a transparent background and in 8-bit color.

    Widget graphics file format

    diff --git a/docs/html/guide/topics/fundamentals.jd b/docs/html/guide/topics/fundamentals.jd index 3c7f419713f87..71705d354f622 100644 --- a/docs/html/guide/topics/fundamentals.jd +++ b/docs/html/guide/topics/fundamentals.jd @@ -464,7 +464,7 @@ two intent filters to the activity: </intent-filter> <intent-filter . . . > <action android:name="com.example.project.BOUNCE" /> - <data android:type="image/jpeg" /> + <data android:mimeType="image/jpeg" /> <category android:name="android.intent.category.DEFAULT" /> </intent-filter> </activity> diff --git a/docs/html/guide/topics/resources/index.jd b/docs/html/guide/topics/resources/index.jd index 7e3bce42eef95..1425cfaa1af2f 100644 --- a/docs/html/guide/topics/resources/index.jd +++ b/docs/html/guide/topics/resources/index.jd @@ -18,8 +18,8 @@ In general, these are external elements that you want to include and reference w like images, audio, video, text strings, layouts, themes, etc. Every Android application contains a directory for resources (res/) and a directory for assets (assets/). Assets are used less often, because their applications are far fewer. You only need to save data -as an asset when you need to read the raw bites. -The directories for resources and assets both reside at the top of your project directory, alongside your source code directory +as an asset when you need to read the raw bytes. The directories for resources and assets both +reside at the top of an Android project tree, at the same level as your source code directory (src/).

    The difference between "resources" and "assets" isn't much on the surface, but in general, diff --git a/docs/html/sdk/1.5_r1/index.jd b/docs/html/sdk/1.5_r1/index.jd index 89892e95a1791..438ee4bb80ce1 100644 --- a/docs/html/sdk/1.5_r1/index.jd +++ b/docs/html/sdk/1.5_r1/index.jd @@ -50,8 +50,7 @@ page.title=Android 1.5 SDK, Release 1 Android 1.1 2 Version Notes -Includes a compliant Android 1.1 library and system image with a set of development applications. Also includes the Maps external library (due to legacy build system issues). -external library. +Includes a compliant Android 1.1 library and system image with a set of development applications. Also includes the Maps external library (due to legacy build system issues).