文章翻譯：邵凱陽(yáng)
發(fā)表時(shí)間：2015 年 7 月 3 日
原文作者：Obaro Ogbo
文章分類：智能硬件

關(guān)于文本

Android Wear 是谷歌為智能手表打造的全新智能開放平臺(tái)，于 2014 年 3 月 19 日宣布推出。隨著科技的發(fā)展，越來越多的人開始進(jìn)行應(yīng)用程序的開發(fā)，但是在 Android Wear 上開發(fā)應(yīng)用程序卻會(huì)給您帶來別樣的體驗(yàn)。本篇文章就詳細(xì)地介紹了一個(gè)簡(jiǎn)單的 Android Wear 應(yīng)用程序的開發(fā)過程。

文章內(nèi)容

上月初，Alex Mullis 寫了一篇很精彩的文章，討論 為 Android Wear 開發(fā)你所需要知道的一切。我們現(xiàn)在將把這一步走的更遠(yuǎn)一些——開發(fā)一個(gè)簡(jiǎn)單的 Android Wear 應(yīng)用程序，為安卓做開發(fā)是一個(gè)很令人興奮的嘗試，但在您的應(yīng)用程序中包含 Android Wear 的特性會(huì)更加有趣，相信我!

在我們開始之前，請(qǐng)將以下內(nèi)容記在您的腦海里?？纱┐魇綉?yīng)用程序，即使它們跟應(yīng)用于手持設(shè)備的普通應(yīng)用程序很相似，構(gòu)建的應(yīng)用程序在規(guī)模和功能上都應(yīng)該比較小。我想您不想嘗試將您手持設(shè)備上的應(yīng)用程序的全部功能替換為可穿戴式的。相反，您應(yīng)該尋找方法，利用可穿性來完善您手持設(shè)備上的應(yīng)用程序。理想情況下，應(yīng)在手機(jī)上執(zhí)行大多數(shù)運(yùn)算，并將結(jié)果發(fā)送至可穿戴設(shè)備。

準(zhǔn)備

我們的應(yīng)用程序?qū)⑹且粋€(gè)簡(jiǎn)單的安卓應(yīng)用程序，將通知從手機(jī)發(fā)送到配對(duì)的可穿戴設(shè)備上，而可穿戴設(shè)備只擁有一個(gè)相應(yīng)的嵌入式應(yīng)用程序和一個(gè)單一的點(diǎn)擊按鈕。

這篇文章中，我們假設(shè)您使用 Android Studio。Android Studio 是安卓應(yīng)用程序開發(fā)的實(shí)際標(biāo)準(zhǔn)。為了開發(fā)可穿戴式應(yīng)用程序，您需要將您的 SDK 工具更新到版本 23.0.0 或更高，并且讓您的 SDK 搭載 Android 4.4W.2 或更高。

然后您應(yīng)該設(shè)置一個(gè)可穿戴的 Android 設(shè)備或可穿戴的 Android 模擬器。

對(duì)于一個(gè)模擬器

• 使用 AVD 管理器創(chuàng)建一個(gè)方形或者圓形的安卓可穿戴設(shè)備。
• 啟動(dòng)模擬器設(shè)備設(shè)備。
• 從谷歌應(yīng)用商店安裝安卓可穿戴應(yīng)用程序。
• 通過 USB 鏈接你的手持設(shè)備和開發(fā)設(shè)備。
• 從 AVD 通信端口向手持設(shè)備傳送指令。

adb -d forward tcp:5601 tcp:5601

(每次您連接或是重新連接您的手持設(shè)備都要完成這件事)

• 在您的手機(jī)上運(yùn)行安卓可穿戴應(yīng)用程序并通過應(yīng)用程序設(shè)置連接到模擬器。

對(duì)于一個(gè)安卓穿戴設(shè)備

• 通過谷歌應(yīng)用商店在智能手機(jī)上安裝安卓可穿戴應(yīng)用程序。
• 按照應(yīng)用程序中的說明將你的手持設(shè)備和可穿戴設(shè)備進(jìn)行配對(duì)。
• 使你的可穿戴設(shè)備具有開發(fā)人員選項(xiàng)（點(diǎn)擊內(nèi)部版本號(hào) 7 次在設(shè)置 > 關(guān)于）。
• 使能夠進(jìn)行 adb 調(diào)試。
• 將可穿戴設(shè)備與開發(fā)機(jī)器連接，并且你應(yīng)該能夠直接對(duì)你的可穿戴設(shè)備進(jìn)行應(yīng)用程序的安裝和調(diào)試。

創(chuàng)建您的項(xiàng)目

對(duì)于本教程完整的源代碼在github上可以找到，但您也可能想要?jiǎng)?chuàng)建您自己的項(xiàng)目，以在這個(gè)過程中獲得別樣的感覺。Android Studio 提供向?qū)C(jī)制來幫助創(chuàng)建一個(gè)項(xiàng)目，并且他們會(huì)以最好的方式來設(shè)置您的安卓可穿戴應(yīng)用程序項(xiàng)目。單擊文件 > 新項(xiàng)目，并按照說明操作。

這個(gè)過程類似于創(chuàng)建一個(gè)手機(jī)/平板電腦項(xiàng)目。只需確保在"Form Factors"窗口中選擇"Phone and Tablet"和"Wear"兩個(gè)選項(xiàng)。

http://wiki.jikexueyuan.com/project/wiki-journal-201507-1/images/android-wear-app-02.jpg" alt="02" />

當(dāng)向?qū)瓿蓵r(shí)，Android Studio已經(jīng)創(chuàng)建了一個(gè)新項(xiàng)目擁有兩個(gè)模塊——移動(dòng)模塊和穿戴模塊。對(duì)于每個(gè)模塊，您可以創(chuàng)建活動(dòng)、 服務(wù)、 布局等。請(qǐng)記住，智能手機(jī)應(yīng)用程序 (移動(dòng)模塊) 應(yīng)該做大部分工作，像強(qiáng)化處理和網(wǎng)絡(luò)通信，然后將通知發(fā)送到可穿戴設(shè)備。

“mobile” 模塊

移動(dòng)模塊與您使用的普通安卓開發(fā)是一樣的。對(duì)于我們的移動(dòng)模塊，我們創(chuàng)建一個(gè)簡(jiǎn)單的活動(dòng)，使用 EditText 字段和一個(gè)按鈕。當(dāng)觸碰按鈕，輸入 EditText 的文本將被作為通知發(fā)送到可穿戴設(shè)備。

布局是相當(dāng)直接的:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    tools:context=".MainActivity"
    android:orientation="vertical">
    <EditText
        android:id="@+id/editText"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="16dp"/>
    <Button
        android:id="@+id/actionButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        style="@style/Base.Widget.AppCompat.Button.Borderless"
        android:text="@string/show_notification"
        android:onClick="sendNotification" />
</LinearLayout>

主要活動(dòng)也是相當(dāng)直接的:

public class MainActivity extends AppCompatActivity {
    EditText editText;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        editText = (EditText) findViewById(R.id.editText);
    }
    public void sendNotification(View view) {
        String toSend = editText.getText().toString();
        if(toSend.isEmpty())
            toSend = "You sent an empty notification";
        Notification notification = new NotificationCompat.Builder(getApplication())
                .setSmallIcon(R.mipmap.ic_launcher)
                .setContentTitle("AndroidAuthority")
                .setContentText(toSend)
                .extend(new NotificationCompat.WearableExtender().setHintShowBackgroundOnly(true))
                .build();
        NotificationManagerCompat notificationManager = NotificationManagerCompat.from(getApplication());
        int notificationId = 1;
        notificationManager.notify(notificationId, notification);
    }
}

請(qǐng)注意，當(dāng)創(chuàng)建我們的通知時(shí),我們稱其為 extend() 方法, 提供了一個(gè) NotificationCompat.WearableExtender() 對(duì)象.

運(yùn)行移動(dòng)模塊

像您運(yùn)行任何其他安卓應(yīng)用程序一樣運(yùn)行移動(dòng)模塊。只要您將他與可穿戴設(shè)備(模擬器或真實(shí)設(shè)備) 配對(duì)，在您的設(shè)備上運(yùn)行該項(xiàng)目，將在您的穿戴設(shè)備上顯示通知。

http://wiki.jikexueyuan.com/project/wiki-journal-201507-1/images/android-wear-app-03.png" alt="03" />

“wear” 模塊

在這一點(diǎn)上，您應(yīng)該能夠在您的穿戴設(shè)備上查看來自您的移動(dòng)設(shè)備的通知。然而，我們并不滿意，我們要建立和運(yùn)行一個(gè)實(shí)際的可穿戴應(yīng)用程序?？纱┐髟O(shè)備，有一個(gè)遠(yuǎn)比手持設(shè)備小的屏幕，并且通常為圓形或矩形。這些給他自身的布局帶來了挑戰(zhàn)。實(shí)現(xiàn)了跨越式的是，谷歌為安卓可穿戴應(yīng)用程序開發(fā)者提供了一些優(yōu)秀的設(shè)計(jì)準(zhǔn)則和 UI 模式。當(dāng)您使用 Android Studio 項(xiàng)目向?qū)?chuàng)建您的可穿戴應(yīng)用程序時(shí)，可穿戴 UI 庫(kù)將自動(dòng)的包含在您的項(xiàng)目中。確認(rèn)其是否存在，如果沒有存在，請(qǐng)將其添加在 build.gradle 文件中:

dependencies {
    compile 'com.google.android.support:wearable:+'
}

如果您創(chuàng)建您的項(xiàng)目時(shí)使用了 Android Studio 項(xiàng)目向?qū)?，將?huì)有一個(gè)包含兩個(gè)不同布局文件的活動(dòng)已經(jīng)建立，這兩個(gè)不同的布局文件將分別應(yīng)用于圓形和矩形設(shè)備。Activity_wear.xml 文件如下所示:

<?xml version="1.0" encoding="utf-8"?>
<android.support.wearable.view.WatchViewStub
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/watch_view_stub"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:roundLayout="@layout/round_activity_wear"
    app:rectLayout="@layout/rect_activity_wear"
    tools:context=".WearActivity"
    tools:deviceIds="wear">
</android.support.wearable.view.WatchViewStub>

注意這個(gè)基本小部件。它是 WatchViewStub，是可穿戴 UI 庫(kù)的一部分。你必須聲明"app:"XML Namespace xmlns:app =" UI 部件聲明它們的屬性時(shí)使用"app:"命名空間。

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_box="all"
    tools:context=".WearActivity"
    tools:deviceIds="wear_round">
    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="@string/hello_round"
        android:onClick="beginCountdown" />
    <android.support.wearable.view.DelayedConfirmationView
        android:id="@+id/delayedView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        app:circle_border_color="@color/green"
        app:circle_border_width="20dp"
        app:circle_color="@color/white"
        app:circle_radius="60dp"
        app:circle_radius_pressed="60dp"
        app:circle_padding="16dp"
        app:update_interval="100"/>
</FrameLayout>

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".WearActivity"
    tools:deviceIds="wear_square">
    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:text="@string/hello_square"
        android:onClick="beginCountdown" />
    <android.support.wearable.view.DelayedConfirmationView
        android:id="@+id/delayedView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        app:circle_border_color="@color/green"
        app:circle_border_width="20dp"
        app:circle_color="@color/white"
        app:circle_radius="60dp"
        app:circle_radius_pressed="60dp"
        app:circle_padding="16dp"
        app:update_interval="100"/>
</FrameLayout>

public class WearActivity extends Activity {
    private Button button;
    private DelayedConfirmationView delayedView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_wear);
        final WatchViewStub stub = (WatchViewStub) findViewById(R.id.watch_view_stub);
        stub.setOnLayoutInflatedListener(new WatchViewStub.OnLayoutInflatedListener() {
            @Override
            public void onLayoutInflated(WatchViewStub stub) {
                button = (Button) stub.findViewById(R.id.button);
                delayedView = (DelayedConfirmationView) stub.findViewById(R.id.delayedView);
                delayedView.setTotalTimeMs(3000);
                showOnlyButton();
            }
        });
    }

    public void beginCountdown(View view) {
        button.setVisibility(View.GONE);
        delayedView.setVisibility(View.VISIBLE);
        delayedView.setListener(new DelayedConfirmationView.DelayedConfirmationListener() {
            @Override
            public void onTimerFinished(View view) {
                showOnlyButton();
            }
            @Override
            public void onTimerSelected(View view) {
            }
        });
        delayedView.start();
    }

    public void showOnlyButton() {
        button.setVisibility(View.VISIBLE);
        delayedView.setVisibility(View.GONE);
    }
}

雖然在開發(fā)過程中您直接將您的應(yīng)用程序安裝在可穿戴設(shè)備上，但是出版和發(fā)布應(yīng)用程序?qū)τ脩魜碚f是完全不同的。您的可穿戴應(yīng)用程序必須嵌入在手持設(shè)備的應(yīng)用程序中，當(dāng)可穿戴設(shè)備與用戶的手持設(shè)備連接的時(shí)候，應(yīng)用程序?qū)?huì)被自動(dòng)的推送到可穿戴設(shè)備上。訪問安卓開發(fā)者網(wǎng)站關(guān)于包裝可穿戴式應(yīng)用程序 來獲得更多的信息，從而更加恰當(dāng)?shù)陌b您自己的可穿戴應(yīng)用程序。

通常，完整的代碼在 github 上都可以找到，只要你認(rèn)為是有用的?？鞓返木幋a。

更多IT技術(shù)干貨: wiki.jikexueyuan.com
加入極客星球翻譯團(tuán)隊(duì): http://wiki.jikexueyuan.com/project/wiki-editors-guidelines/translators.html

版權(quán)聲明：
本譯文僅用于學(xué)習(xí)和交流目的。非商業(yè)轉(zhuǎn)載請(qǐng)注明譯者、出處，并保留文章在極客學(xué)院的完整鏈接
商業(yè)合作請(qǐng)聯(lián)系 wiki@jikexueyuan.com
原文地址：https://www.packtpub.com/books/content/persisting-data-local-storage-ionic