显示确认界面

编写: roya 原文:https://developer.android.com/training/wearables/ui/confirm.html

Android Wear应用中的确认界面(Confirmations)通常是全屏或者相比于手持应用占更大的部分。这样确保用户可以一眼看到确认界面(confirmations)且有一个足够大的触摸区域用于取消一个操作。

Wearable UI库帮助我们在Android Wear应用中显示确认动画和定时器：

确认定时器

  • 自动确认定时器为用户显示一个定时器动画，让用户可以取消他们最近的操作。

确认界面动画

  • 确认界面动画给用户在完成一个操作时的视觉反馈。

下面的章节将演示了如何实现这些模式。

使用自动确认定时器

自动确认定时器让用户取消刚做的操作。当用户做一个操作，我们的应用会显示一个带有定时动画的取消按钮，并且启动该定时器。用户可以在定时结束前选择取消操作。如果用户选择取消操作或定时结束，我们的应用会得到一个通知。

创建确认界面 - 图1

Figure 1: 一个确认定时器.

为了在用户完成操作时显示一个确认定时器：

  1. 添加DelayedConfirmationView元素到layout中。
  2. 在activity中实现DelayedConfirmationListener接口。
  3. 当用户完成一个操作时，设置定时器的定时时间然后启动它。

像下面这样添加DelayedConfirmationView元素到layout中：

  1. <android.support.wearable.view.DelayedConfirmationView
  2.     android:id="@+id/delayed_confirm"
  3.     android:layout_width="40dp"
  4.     android:layout_height="40dp"
  5.     android:src="@drawable/cancel_circle"
  6.     app:circle_border_color="@color/lightblue"
  7.     app:circle_border_width="4dp"
  8.     app:circle_radius="16dp">
  9. </android.support.wearable.view.DelayedConfirmationView>

在layout定义中，我们可以用android:src制定一个drawable资源，用于显示在圆形里。然后直接设置圆的参数。

为了获得定时结束或用户点击按钮时的通知，需要在activity中实现相应的listener方法：

  1. public class WearActivity extends Activity implements
  2.                            DelayedConfirmationView.DelayedConfirmationListener {
  4.     private DelayedConfirmationView mDelayedView;
  6.     @Override
  7.     protected void onCreate(Bundle savedInstanceState) {
  8.         super.onCreate(savedInstanceState);
  9.         setContentView(R.layout.activity_wear_activity);
  11.         mDelayedView =
  12.                 (DelayedConfirmationView) findViewById(R.id.delayed_confirm);
  13.         mDelayedView.setListener(this);
  14.     }
  16.     @Override
  17.     public void onTimerFinished(View view) {
  18.         // User didn't cancel, perform the action
  19.     }
  21.     @Override
  22.     public void onTimerSelected(View view) {
  23.         // User canceled, abort the action
  24.     }
  25. }

为了启动定时器，添加下面的代码到activity处理用户选择某个操作的位置中：

  1. // Two seconds to cancel the action
  2. mDelayedView.setTotalTimeMs(2000);
  3. // Start the timer
  4. mDelayedView.start();

显示确认动画

为了当用户在我们的应用中完成一个操作时显示确认动画，我们需要创建一个从应用中的某个activity启动ConfirmationActivity的intent。我们可以用EXTRA_ANIMATION_TYPE intent extra来指定下面其中一种动画：

  • SUCCESS_ANIMATION
  • FAILURE_ANIMATION
  • OPEN_ON_PHONE_ANIMATION

我们还可以在确认图标下面添加一条消息。

创建确认界面 - 图2

Figure 2: 一个确认动画

要在应用中使用ConfirmationActivity，首先在manifest文件声明这个activity：

  1. <manifest>
  2.   <application>
  3.     ...
  4.     <activity
  5.         android:name="android.support.wearable.activity.ConfirmationActivity">
  6.     </activity>
  7.   </application>
  8. </manifest>

然后确定用户操作的结果，并使用intent启动activity:

  1. Intent intent = new Intent(this, ConfirmationActivity.class);
  2. intent.putExtra(ConfirmationActivity.EXTRA_ANIMATION_TYPE,
  3.                 ConfirmationActivity.SUCCESS_ANIMATION);
  4. intent.putExtra(ConfirmationActivity.EXTRA_MESSAGE,
  5.                 getString(R.string.msg_sent));
  6. startActivity(intent);

当确认动画显示结束后，ConfirmationActivity会销毁（Finish），我们的的activity会恢复（Resume）。