Android 顯示確認界面

編寫: roya 原文:https://developer.android.com/training/wearables/ui/confirm.html

Android Wear應(yīng)用中的確認界面(Confirmations)通常是全屏或者相比于手持應(yīng)用占更大的部分。這樣確保用戶可以一眼看到確認界面(confirmations)且有一個足夠大的觸摸區(qū)域用于取消一個操作。

Wearable UI庫幫助我們在Android Wear應(yīng)用中顯示確認動畫和定時器：

確認定時器

• 自動確認定時器為用戶顯示一個定時器動畫，讓用戶可以取消他們最近的操作。

確認界面動畫

• 確認界面動畫給用戶在完成一個操作時的視覺反饋。

下面的章節(jié)將演示了如何實現(xiàn)這些模式。

使用自動確認定時器

自動確認定時器讓用戶取消剛做的操作。當(dāng)用戶做一個操作，我們的應(yīng)用會顯示一個帶有定時動畫的取消按鈕，并且啟動該定時器。用戶可以在定時結(jié)束前選擇取消操作。如果用戶選擇取消操作或定時結(jié)束，我們的應(yīng)用會得到一個通知。

Figure 1: 一個確認定時器.

為了在用戶完成操作時顯示一個確認定時器：

1. 添加DelayedConfirmationView元素到layout中。
2. 在activity中實現(xiàn)DelayedConfirmationListener接口。
3. 當(dāng)用戶完成一個操作時，設(shè)置定時器的定時時間然后啟動它。

像下面這樣添加DelayedConfirmationView元素到layout中：

<android.support.wearable.view.DelayedConfirmationView
    android:id="@+id/delayed_confirm"
    android:layout_width="40dp"
    android:layout_height="40dp"
    android:src="@drawable/cancel_circle"
    app:circle_border_color="@color/lightblue"
    app:circle_border_width="4dp"
    app:circle_radius="16dp">
</android.support.wearable.view.DelayedConfirmationView>

在layout定義中，我們可以用android:src制定一個drawable資源，用于顯示在圓形里。然后直接設(shè)置圓的參數(shù)。

為了獲得定時結(jié)束或用戶點擊按鈕時的通知，需要在activity中實現(xiàn)相應(yīng)的listener方法：

public class WearActivity extends Activity implements
                           DelayedConfirmationView.DelayedConfirmationListener {

    private DelayedConfirmationView mDelayedView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_wear_activity);

        mDelayedView =
                (DelayedConfirmationView) findViewById(R.id.delayed_confirm);
        mDelayedView.setListener(this);
    }

    @Override
    public void onTimerFinished(View view) {
        // User didn't cancel, perform the action
    }

    @Override
    public void onTimerSelected(View view) {
        // User canceled, abort the action
    }
}

為了啟動定時器，添加下面的代碼到activity處理用戶選擇某個操作的位置中：

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

顯示確認動畫

為了當(dāng)用戶在我們的應(yīng)用中完成一個操作時顯示確認動畫，我們需要創(chuàng)建一個從應(yīng)用中的某個activity啟動ConfirmationActivity的intent。我們可以用EXTRA_ANIMATION_TYPE intent extra來指定下面其中一種動畫：

• SUCCESS_ANIMATION
• FAILURE_ANIMATION
• OPEN_ON_PHONE_ANIMATION

我們還可以在確認圖標下面添加一條消息。

Figure 2: 一個確認動畫

要在應(yīng)用中使用ConfirmationActivity，首先在manifest文件聲明這個activity：

<manifest>
  <application>
    ...
    <activity
        android:name="android.support.wearable.activity.ConfirmationActivity">
    </activity>
  </application>
</manifest>

然后確定用戶操作的結(jié)果，并使用intent啟動activity:

Intent intent = new Intent(this, ConfirmationActivity.class);
intent.putExtra(ConfirmationActivity.EXTRA_ANIMATION_TYPE,
                ConfirmationActivity.SUCCESS_ANIMATION);
intent.putExtra(ConfirmationActivity.EXTRA_MESSAGE,
                getString(R.string.msg_sent));
startActivity(intent);

當(dāng)確認動畫顯示結(jié)束后，ConfirmationActivity會銷毀（Finish），我們的的activity會恢復(fù)（Resume）。