The "Direct Reply" section of the "Notifications" page within the N Preview documentation now includes a code snippet describing how to show an acknowledgment of a user's response within a notification. Also, the "chat history" example now has a clearer, more complete explanation. Bug: 27665098 Change-Id: I2fd098ab30a00f4fa2a84f3b150cc1c7f7f53750
359 lines
13 KiB
Plaintext
359 lines
13 KiB
Plaintext
page.title=Notifications
|
||
page.tags=notifications
|
||
helpoutsWidget=true
|
||
page.image=/preview/images/notifications-card.png
|
||
|
||
trainingnavtop=true
|
||
|
||
@jd:body
|
||
|
||
<div id="qv-wrapper">
|
||
<div id="qv">
|
||
|
||
<!-- table of contents -->
|
||
<h2>This document includes</h2>
|
||
<ol>
|
||
<li><a href="#direct">Direct Reply</a></li>
|
||
<li><a href="#bundle">Bundled Notifications</a></li>
|
||
<li><a href="#custom">Custom Views</a></li>
|
||
</ol>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<p>Android N introduces several new APIs that allow apps to post
|
||
notifications that are highly visible and interactive.</p>
|
||
|
||
<p>Android N extends the existing {@link android.support.v4.app.RemoteInput}
|
||
notification API to support inline replies on handsets. This feature allows users
|
||
to quickly respond from the notification shade without visiting your app.</p>
|
||
|
||
<p>
|
||
Android N also allows you to bundle similar notifications to
|
||
appear as a single notification. To make this possible, Android N uses the existing {@link
|
||
android.support.v4.app.NotificationCompat.Builder#setGroup
|
||
NotificationCompat.Builder.setGroup()} method. Users can expand each of the
|
||
notifications, and perform actions such as reply and dismiss on each of the
|
||
notifications, individually from the notification shade.
|
||
</p>
|
||
|
||
<p>Last, Android N also adds new APIs that allow you to leverage system
|
||
decorations in your app’s customized notification views. These APIs help
|
||
ensure that the notification views share a consistent presentation with
|
||
standard templates.</p>
|
||
|
||
<p>This document highlights some of the key changes that you should take into
|
||
account when using the new notification features in your apps.</p>
|
||
|
||
<h2 id="direct">Direct Reply</h2>
|
||
|
||
<p>With the Direct Reply feature in Android N, users can quickly
|
||
respond to text messages or update task lists directly within the notification
|
||
interface. On a handheld, the inline reply action appears as an additional button
|
||
attached to the notification. When a user replies via keyboard, the system attaches
|
||
the text response to the intent
|
||
you had specified for the notification action and sends the intent to your
|
||
handheld app.
|
||
|
||
|
||
<img id="fig-reply-button" src="{@docRoot}preview/images/inline-reply.png"
|
||
srcset="{@docRoot}preview/images/inline-reply.png 1x,
|
||
{@docRoot}preview/images/inline-reply_2x.png 2x"
|
||
width="400">
|
||
<p class="img-caption">
|
||
<strong>Figure 1.</strong> Android N adds the <strong>Reply</strong>
|
||
action button.
|
||
</p>
|
||
|
||
<h3>Adding inline reply actions</h3>
|
||
|
||
<p>To create a notification action that supports direct reply:
|
||
</p>
|
||
|
||
<ol>
|
||
<li>Create an instance of {@link android.support.v4.app.RemoteInput.Builder}
|
||
that you can add to your notification
|
||
action. This class's constructor accepts a string that the system uses as the key
|
||
for the text input. Later, your handheld app uses that key to retrieve the text
|
||
of the input.
|
||
|
||
<pre>
|
||
// Key for the string that's delivered in the action's intent.
|
||
private static final String KEY_TEXT_REPLY = "key_text_reply";
|
||
String replyLabel = getResources().getString(R.string.reply_label);
|
||
RemoteInput remoteInput = new RemoteInput.Builder(KEY_TEXT_REPLY)
|
||
.setLabel(replyLabel)
|
||
.build();
|
||
</pre>
|
||
</li>
|
||
<li>Attach the {@link android.support.v4.app.RemoteInput}
|
||
object to an action using <code>addRemoteInput()</code>.
|
||
|
||
<pre>
|
||
// Create the reply action and add the remote input.
|
||
Notification.Action action =
|
||
new Notification.Action.Builder(R.drawable.ic_reply_icon,
|
||
getString(R.string.label), replyPendingIntent)
|
||
.addRemoteInput(remoteInput)
|
||
.build();
|
||
</pre>
|
||
</li>
|
||
|
||
<li>Apply the action to a notification and issue the notification.
|
||
|
||
<pre>
|
||
// Build the notification and add the action.
|
||
Notification newMessageNotification =
|
||
new Notification.Builder(mContext)
|
||
.setSmallIcon(R.drawable.ic_message)
|
||
.setContentTitle(getString(R.string.title))
|
||
.setContentText(getString(R.string.content))
|
||
.addAction(action))
|
||
.build();
|
||
|
||
// Issue the notification.
|
||
NotificationManager notificationManager =
|
||
NotificationManager.from(mContext);
|
||
notificationManager.notify(notificationId, newMessageNotification);
|
||
|
||
</pre>
|
||
</li>
|
||
|
||
</ol>
|
||
|
||
|
||
<p> The system prompts the user to input a response when they trigger the
|
||
notification action. </p>
|
||
|
||
<img id="fig-user-input" src="{@docRoot}preview/images/inline-type-reply.png"
|
||
srcset="{@docRoot}preview/images/inline-type-reply.png 1x,
|
||
{@docRoot}preview/images/inline-type-reply_2x.png 2x"
|
||
width="300">
|
||
<p class="img-caption">
|
||
<strong>Figure 2.</strong> The user inputs text from the notification shade.
|
||
</p>
|
||
|
||
<h3>
|
||
Retrieving user input from the inline reply
|
||
</h3>
|
||
|
||
<p>
|
||
To receive user input from the notification interface to the activity you
|
||
declared in the reply action's intent:
|
||
</p>
|
||
|
||
<ol>
|
||
<li>Call {@link android.support.v4.app.RemoteInput#getResultsFromIntent
|
||
getResultsFromIntent()} by passing the notification action’s intent as the
|
||
input parameter. This method returns a {@link android.os.Bundle} that
|
||
contains the text response.
|
||
|
||
<pre>
|
||
Bundle remoteInput = RemoteInput.getResultsFromIntent(intent);
|
||
</pre>
|
||
</li>
|
||
|
||
<li>Query the bundle using the result key (provided to the {@link
|
||
android.support.v4.app.RemoteInput.Builder} constructor). You can complete
|
||
this process and retrieve the input text by creating a method, as in the
|
||
following code snippet:
|
||
|
||
<pre>
|
||
// Obtain the intent that started this activity by calling
|
||
// Activity.getIntent() and pass it into this method to
|
||
// get the associated string.
|
||
|
||
private CharSequence getMessageText(Intent intent) {
|
||
Bundle remoteInput = RemoteInput.getResultsFromIntent(intent);
|
||
if (remoteInput != null) {
|
||
return remoteInput.getCharSequence(KEY_TEXT_REPLY);
|
||
}
|
||
return null;
|
||
}
|
||
</pre>
|
||
</li>
|
||
|
||
<li>Build and issue another notification, using the same notification ID that
|
||
you provided for the previous notification. The progress indicator
|
||
disappears from the notification interface to inform users of a successful
|
||
reply. When working with this new notification, use the context that gets
|
||
passed to the receiver's {@code onReceive()} method.
|
||
|
||
<pre>
|
||
// Build a new notification, which informs the user that the system
|
||
// handled their interaction with the previous notification.
|
||
Notification repliedNotification =
|
||
new Notification.Builder(context)
|
||
.setSmallIcon(R.drawable.ic_message)
|
||
.setContentText(getString(R.string.replied))
|
||
.build();
|
||
|
||
// Issue the new notification.
|
||
NotificationManager notificationManager =
|
||
NotificationManager.from(context);
|
||
notificationManager.notify(notificationId, repliedNotification);
|
||
</pre>
|
||
</li>
|
||
</ol>
|
||
|
||
<p>
|
||
For interactive apps, such as chats, it could be useful to include additional
|
||
context when handling retrieved text. For example, these apps could show
|
||
multiple lines of chat history. When the user responds via {@link
|
||
android.support.v4.app.RemoteInput}, you can update the reply history
|
||
using the {@code setRemoteInputHistory()} method.
|
||
</p>
|
||
<h2 id="bundle">Bundled Notifications</h2>
|
||
|
||
<p>Android N provides developers with a new way to represent
|
||
a queue of notifications: <i>bundled notifications</i>. This is similar to the
|
||
<a href="{@docRoot}training/wearables/notifications/stacks.html">Notification
|
||
Stacks</a> feature in Android Wear. For example, if your app creates notifications
|
||
for received messages, when more than one message is received, bundle the
|
||
notifications together as a single group. You can
|
||
use the existing {@link android.support.v4.app.NotificationCompat.Builder#setGroup
|
||
Builder.setGroup()} method to bundle similar notifications.</p>
|
||
|
||
<p>
|
||
A notification group imposes a hierarchy on the notifications comprising it.
|
||
At the top of that hierarchy is a parent notification that displays summary
|
||
information for the group. The user can progressively
|
||
expand the notification group, and the system shows more information as the
|
||
user drills deeper. When the user expands the bundle, the system reveals more
|
||
information for all its child notifications; when the user
|
||
expands one of those notifications, the system reveals its entire content.
|
||
</p>
|
||
|
||
<img id="fig-bundles" src="{@docRoot}preview/images/bundles.png"
|
||
srcset="{@docRoot}preview/images/bundles.png 1x,
|
||
{@docRoot}preview/images/bundles_2x.png 2x"
|
||
width="300">
|
||
<p class="img-caption">
|
||
<strong>Figure 3.</strong> The user can progressively expand the notification
|
||
group.
|
||
</p>
|
||
|
||
<p>To learn how to add notifications to a group, see
|
||
<a href="{@docRoot}training/wearables/notifications/stacks.html#AddGroup">Add
|
||
Each Notification to a Group</a>.</p>
|
||
|
||
|
||
<h3 id="best-practices">Best practices for bundled notifications</h3>
|
||
<p>This section provides guidelines about when to use notification groups instead
|
||
of the {@link android.app.Notification.InboxStyle InboxStyle}
|
||
notifications that have been available in earlier versions of the
|
||
Android platform.</p>
|
||
|
||
<h3>When to use bundled notifications</h3>
|
||
|
||
<p>You should use notification groups only if all of the following conditions are
|
||
true for your use case:</p>
|
||
|
||
<ul>
|
||
<li>The child notifications are complete notifications and can be displayed
|
||
individually without the need for a group summary.</li>
|
||
<li>There is a benefit to surfacing the child notifications individually. For
|
||
example:
|
||
</li>
|
||
<ul>
|
||
<li>They are actionable, with actions specific to each child.</li>
|
||
<li>There is more information to the child that the user wants to read.</li>
|
||
</ul>
|
||
</ul>
|
||
|
||
<p>Examples of good use cases for notification groups include: a messaging app
|
||
displaying a list of incoming messages, or an email app displaying a list of
|
||
received emails.</p>
|
||
|
||
<p>
|
||
Examples of cases where a single notification is preferable
|
||
include individual messages from a single person, or a list representation of
|
||
single-line text items. You can use
|
||
({@link android.app.Notification.InboxStyle InboxStyle} or
|
||
{@link android.app.Notification.BigTextStyle BigTextStyle}) to accomplish
|
||
this.
|
||
</p>
|
||
|
||
<h3 id ="post">Displaying bundled notifications</h3>
|
||
|
||
<p>
|
||
The app should always post a group summary, even if the group contains just a
|
||
single child. The system will suppress the summary and directly display the
|
||
child notification if it only contains a single notification. This ensures
|
||
that the system can provide a consistent experience when the user swipes away
|
||
children of a group.
|
||
</p>
|
||
|
||
<p class="note">
|
||
<strong>Note:</strong> This version of Android N does not yet
|
||
suppress the summary for notification groups containing a single child. This
|
||
functionality will be added in a later version of Android N.
|
||
</p>
|
||
|
||
<h3>Peeking notifications</h3>
|
||
|
||
<p>While the system usually displays child notifications as a group, you can set
|
||
them to temporarily appear as
|
||
<a href="{@docRoot}guide/topics/ui/notifiers/notifications.html#Heads-up">
|
||
heads-up notifications</a>. This feature is especially useful because it allows
|
||
immediate access to the most recent child and the actions associated with it.
|
||
</p>
|
||
|
||
|
||
<h3>Backwards compatibility</h3>
|
||
|
||
<p>
|
||
Both notification groups and remote input have been a part of the {@link
|
||
android.app.Notification} API since Android 5.0 (API level 21) to support
|
||
Android Wear devices. If you've already built notifications with these APIs,
|
||
the only action you must take is to verify that the app behavior corresponds
|
||
to the guidelines described above, and to consider implementing {@code
|
||
setRemoteInputHistory()}.
|
||
</p>
|
||
|
||
<p>
|
||
In order to support backward compatibility, the same APIs are available with
|
||
the support library's {@link android.support.v4.app.NotificationCompat}
|
||
class, allowing you to build notifications that works on earlier Android
|
||
versions. On handhelds and tablets, users only see the summary notification,
|
||
so an app should still have an inbox style or an equivalent notification
|
||
representative for the whole information content of the group. As Android
|
||
Wear devices allow users to see all child notifications even on older
|
||
platform levels, you should build child notifications regardless of API
|
||
level.
|
||
</p>
|
||
|
||
<h2 id="custom"> Custom Views</h2>
|
||
<p>Starting from Android N, you can customize notification views and
|
||
still obtain system decorations like notification headers, actions, and
|
||
expandable layouts.</p>
|
||
|
||
<p>To enable this capability, Android N adds the following APIs to style your
|
||
custom view:</p>
|
||
|
||
<dl>
|
||
<dt>
|
||
{@code DecoratedCustomViewStyle()}</dt>
|
||
<dd> Styles notifications other than media
|
||
notifications.</dd>
|
||
<dt>
|
||
{@code DecoratedMediaCustomViewStyle()}</dt>
|
||
<dd> Styles media notifications.</dd>
|
||
</dl>
|
||
|
||
<p>To use this new API, call the {@code setStyle()} method, passing to it
|
||
the desired custom view style.</p>
|
||
|
||
<p>This snippet shows how to construct a custom notification object with the
|
||
{@code DecoratedCustomViewStyle()} method.</p>
|
||
|
||
<pre>
|
||
Notification noti = new Notification.Builder()
|
||
.setSmallIcon(R.drawable.ic_stat_player)
|
||
.setLargeIcon(albumArtBitmap))
|
||
.setCustomContentView(contentView);
|
||
.setStyle(new Notification.DecoratedCustomViewStyle())
|
||
.build();
|
||
|
||
</pre>
|