diff --git a/docs/html/design/material/index.jd b/docs/html/design/material/index.jd index 61af48762e472..db18a83e4c456 100644 --- a/docs/html/design/material/index.jd +++ b/docs/html/design/material/index.jd @@ -1,5 +1,7 @@ page.title=Material Design page.tags=Material,design +page.type=design +page.image=design/material/images/MaterialLight.png @jd:body diff --git a/docs/html/images/home/l-hero.png b/docs/html/images/home/l-hero.png new file mode 100644 index 0000000000000..5104bca104f6c Binary files /dev/null and b/docs/html/images/home/l-hero.png differ diff --git a/docs/html/images/home/l-hero_2x.png b/docs/html/images/home/l-hero_2x.png new file mode 100644 index 0000000000000..19ae6b323ffac Binary files /dev/null and b/docs/html/images/home/l-hero_2x.png differ diff --git a/docs/html/index.jd b/docs/html/index.jd index 253a7a57f3c36..2838959cccc41 100644 --- a/docs/html/index.jd +++ b/docs/html/index.jd @@ -15,20 +15,21 @@ page.customHeadTag=
-
+
-

L Developer Preview

-

The L Developer Preview lets you design and develop against the next major - release of Android. Take the time to test and build your app before the platform - officially launches.

- Learn More +

Android 5.0 Lollipop

+

The Android 5.0 update adds a variety of new + features for your apps, such as notifications on the lock screen, an all-new camera API, + OpenGL ES 3.1, the new Material design interface, and much more.

+ Learn More

 

-
@@ -53,7 +54,7 @@ page.customHeadTag=
- +
Build for a Multi-Screen World
Android runs on hundreds of millions of handheld devices around the world,
diff --git a/docs/html/jd_collections.js b/docs/html/jd_collections.js index 15564e0ca3e8c..e2a7f1c1e8aea 100644 --- a/docs/html/jd_collections.js +++ b/docs/html/jd_collections.js @@ -3,7 +3,7 @@ var RESOURCE_COLLECTIONS = { "title": "", "resources": [ "training/building-wearables.html", - "preview/material/index.html", + "training/material/index.html", "sdk/installing/studio.html" ] }, diff --git a/docs/html/preview/images/material-layers.png b/docs/html/preview/images/material-layers.png new file mode 100644 index 0000000000000..9b01ede0da3d1 Binary files /dev/null and b/docs/html/preview/images/material-layers.png differ diff --git a/docs/html/preview/index.html b/docs/html/preview/index.html index ab959c76a14f8..f18558c22cbdd 100644 --- a/docs/html/preview/index.html +++ b/docs/html/preview/index.html @@ -1,88 +1,5 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - @@ -127,211 +44,555 @@ href="//fonts.googleapis.com/css?family=Roboto+Condensed"> - + +
-
+
- - - -
-
-
- - The Android 5.0 SDK will be available on October 17th! + -
-
-
-
+ + + + + + + + + + + +
+ + + + + + + + + + + + + + + + +
+
Android L Developer Preview
-
- Get an early look at the next release and get your apps ready when the - platform officially launches. -
- - -
- Get Started - - +
+ Final APIs now available!
+
+ + + + Android 5.0 API Overview + +
+

Android 5.0 (Lollipop) is almost here and users will begin receiving +device updates in November. To help you prepare, the Android 5.0 SDK is now available +with final APIs.

+ +

Since the L Developer Preview began, various APIs and behaviors have changed, +so if you've been using the Preview SDK +you should update now to test your apps and take advantage of new features.

+ + +

To get the latest Android 5.0 SDK:

+
    +
  1. Start the Android SDK Manager.
    2. +
  2. In the Tools section, select the latest SDK Tools, + SDK Platform-tools, and SDK Build-tools.
    3. + +
  3. Select everything under the Android 5.0 section, then + click Install packages...
    4. +
  4. Accept the licensing agreement for the packages, then click + Install.
    5. +
  5. If you previously installed the Android L Preview SDK, select all those + packages in the SDK Manager and click Delete packages. +
+

Now you're ready to develop and test on Android 5.0 with your normal workflow + and begin publishing app updates to Google Play. +

+ +

Get Started on Android 5.0

+ + + +
+ + + +

Now that Android 5.0 APIs are final:

+
    +
  • The API level for Android 5.0 is 21, so be sure to update your + app's manifest file to set targetSdkVersion to + "21" when you begin testing: + 
    <uses-sdk android:targetSdkVersion="21" ... />
    +
    • +
  • Google Play now accepts APKs with minSdkVersion or + targetSdkVersion set + to "21", so you can upload your updated apps today.
    • +
+ +

Although the APIs for Android 5.0 are now final, the system image for end-users + is not available yet. So the following preview system images are available for you to + test your apps on a Nexus 5 or Nexus 7. These are non-final + builds and their use is governed by the Android L + Preview License Agreement.

+ + + + + + + + + + + + + + + + + +
DeviceDownloadChecksum
Nexus 5 (GSM/LTE)
"hammerhead"		hammerhead-lpx13d-preview-f7596f51.tgzMD5: 8d92596aa038203fc6c8ff40a0e8b560 +
SHA-1: f7596f518a8a429f03de5bf8152fa90e738228dd
Nexus 7 [2013] (Wi-Fi)
"razor"		razor-lpx13d-preview-ae4f461f.tgzMD5: b2c567518d203b487cb2ac28d25b0a54 +
SHA-1: ae4f461fabae5ff92eae0c252c34bb26d877e528
+ + +

For details about how to flash the system image to your device, see the + flashing + instructions.

+ +

If you want to uninstall the preview system image and flash your device to factory + specifications, download the appropriate image from + Factory Images for Nexus + Devices and follow the instructions on that page.

+ +

Note: When the final Android 5.0 system image becomes + available, it will be posted on the + Factory Images for Nexus + Devices page. To continue development (and receive future system updates), + you should update your device with that image as soon as possible.

+ +
+ + + + + + + + +
+

Design with Material

+
+ +
+ + + + + +

Material design is a complete design philosophy for visual, motion, and interaction design +across platforms and devices. The material design specification +(preview) provides all the details for designers.

+ + +

To get started with Material design in your Android app, update + your targetSdkVersion to "21" and apply the new + Material theme. For example, when creating + a custom theme + for your app, open your project's res/values/styles.xml file + and extend the Material theme:

+
+<resources>
+    <style name="AppTheme" parent="android:Theme.Material">
+        <!-- Customize the Material elements here -->
+    </style>
+</resources>
+
+

Then apply your custom theme to your application in the manifest file:

+
+<application android:theme="@style/AppTheme">
+
+

Material design is more than just the UI theme, though. It's also about the way the app + behaves—how elements move and transform when the user interacts with them. So Android 5.0 + and the v7 support library provide new + widgets and animation APIs that allow you to + build interaction patterns described in the + Material design + specification.

+ +

All the Material design elements and interaction patterns provided by the UI styles and widgets +are flexible, so you can adopt only what's appropriate for your app and retain a unique identity +and experience for your product.

+ +

And Material design on Android isn't just for Android 5.0. The + v7 support library has been significantly + updated in revision 21 to make many of the Material design elements available when + running on older versions of the platform.

+ +

For many more details about how to implement the Material look and feel, + see Creating Apps with Material + Design.

+ + +
+ + + + + + + + + + + +
+

Build for Android TV

+
+ +
+ + + + +

Android 5.0 provides a new platform for users to experience your app on a big screen. The +Android TV experience is centered around a simplified home screen that allows users to discover +your app's content with personalized recommendations and voice search, or select your app to launch +into your fullscreen experience.

+ + +

Making your app available on Android TV does not require that you build an entirely new app. +Android TV is simply another form factor for the Android platform, so you can deliver the same APK +that you provide for phones and tablets to TVs through Google Play. However, to make your app +available on Android TV, you'll need to make some optimizations such as adding layouts +for the big screen and adding support for remote control input. For more information about design +guidelines, see TV App Quality.

+ +

Note: Google Play for Android TV will officially +open for apps on November 3.

+ +

Android TV is also great new opportunity for Android games. If you'd like to make your games +available on Android TV, be sure to optimize the user experience for the big screen by following +the recommendations in Building TV Games.

+ + +

To get started on Android TV, you need:

+
    +
  • The Android 5.0 SDK packages from the + Android SDK Manager, + including the Android TV System Image so you can create an + Android TV emulator.
    • +
  • An activity that's launchable from the Android TV home screen. This requires that you + add the LEANBACK_LAUNCHER category to one of your activities. For example: +
    +<activity ... >
+    <intent-filter>
+        <action android:name="android.intent.action.MAIN" />
+        <category android:name="android.intent.category.LEANBACK_LAUNCHER" />
+    </intent-filter>
+</activity>
+
    +
    • + +
  • For a set of default styles that optimize your UI for the TV's + leanback user experience, + you should also apply the Leanback theme to your activity: +
    +<activity android:theme="@style/Theme.Leanback" ... >
+
    +
    • + +
+

You should also take advantage of the v17 leanback library, which + provides the Leanback theme shown above, plus several widgets designed to + make your UI beautiful and easy to navigate on the big screen, such as a widget that creates + a set of large horizontal card views.

+ +

For more information about setting up a project for your TV app, building + TV layouts, and handling controller input, + see Building + TV Apps.

+
+ + + + + + + +
-
-
-
-
-
-
-

A New UI Design

-

- Create a consistent experience across mobile and the web with - material design, the new Google-wide standard. -

-

- Learn about material -

-
-
-

A New Runtime

-

- Test your apps and get them ready for ART (Android Runtime), - the default runtime in the next release. -

-

- Learn about ART -

-
-
-

Enhanced Notifications

-

- Get control over where notifications appear, - how they look, and how they sync to non-handheld devices. -

-

- Learn about notifications -

-
-
-

Increased Efficiency

-

- Project Volta is our effort to make the platform energy efficient and - to give you more control over resource usage. -

-

- Learn about Project Volta -

-
-
-

See the API overview for more information - on the rest of the new and updated features.

-
-
-
-
-
-
-
- - - -
-

Issue Tracker

-

- Let us know when you encounter problems, so we can fix them and make - the platform better for you and your users. -

- - Report Issues -

-

-
-
-
- - - -
-

Google+

-

- Join the community of Android developers testing out the L Developer Preview and - share your thoughts and experiences. -

- - Discuss on Google+ -

-
-
-
- - - -
-

Support and Updates

-

- Updates to the L Developer Preview are delivered - in the Android SDK Manager. Check back periodically - for news about the changes. -

-

- Get Support -

-
-
-
-
-
-
-
-
- -
-
+ + + + +
+

 

- -
-
+
-
- -
- -
@@ -348,7 +609,7 @@ href="//fonts.googleapis.com/css?family=Roboto+Condensed"> Except as noted, this content is licensed under Creative Commons Attribution 2.5. For details and - restrictions, see the Content + restrictions, see the Content License.
@@ -359,14 +620,58 @@ href="//fonts.googleapis.com/css?family=Roboto+Condensed">
+ - - - - - - + \ No newline at end of file diff --git a/docs/html/training/material/index.jd b/docs/html/training/material/index.jd index 682926e7e8843..542a9410b3b2f 100644 --- a/docs/html/training/material/index.jd +++ b/docs/html/training/material/index.jd @@ -1,4 +1,8 @@ page.title=Creating Apps with Material Design +page.type=design +page.image=design/material/images/MaterialLight.png +page.metaDescription=Learn how to apply material design to your apps. + @jd:body