Android Wear 开发（一），如何化身BAT面试收割机

3. 自定义卡片：保留官方提供的卡片流样式，个性化修改卡片内容

4. 完全自定义界面：自己实现界面，需要处理多分辨率问题，自由度高

5. 手表表盘：类似手机动态壁纸的机制

开发平台的搭建

Eclipse平台的搭建

1. 下载最新版本的ADT，详情见官网：http://developer.android.com/sdk/installing/installing-adt.html 。(及早地迁移到Android Studio吧！)

2. 下载必要的SDK版本：最低4.4W.2（API20），也可以是5.0以上。注意不是4.4.2(API 19)。详情见截图。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-v31yM3kf-1636293751536)(https://blog.csdn.net/)]

1. SDK Platform：你懂的

2. Samples for SDK：强烈推荐下载，因为部分API在官网的开发者指导文章中是没有提及的，一些解决问题的思路，可以从SDKSamples中学习到。

3. 2个SystemImage：建议下载,要多分辨率测试，还是需要模拟器的！另外，务必升级到最新版本，在开发过程中，遇到模拟器Bug：动态加载的View在手表正常显示，而模拟器失效，更新后即可。

4. Sources for Android SDK：你懂的

3. 升级AndroidSDK Tools：最低23.0.0

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OgegBL7C-1636293751568)(https://blog.csdn.net/)]

4. 下载依赖库：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-BvJcDJZe-1636293751569)(https://blog.csdn.net/)]

0. Google Support Library : 提供android.support.v4.app.NotificationCompat.WearableExtender：用于实现手表卡片通知的适配

1. Google Play Services：提供com.google.android.gms.wearable：用于实现手机和Wear的数据传输功能

2. Google Repository : 提供android.support.wearable：实现Wear的自定义界面

5. 解压Wear依赖库：下载后的包在/sdk/extras/google/m2repository/com/google/android/support/wearable/1.0.0/wearable-1.0.0.aar。解压到工作目录下，并将里面的classes.jar拷贝到libs目录下。

6. 导入Wear依赖库：Eclipse导入上一步解压的工程，并工程属性properties设置为Is Library.

创建Android Wear工程

ADT升级后，依然没有出现以上画面，因此，选择了以下的方式。

1. 下载模板工程：https://github.com/tangtungai/Android-Wear-Black-Activity-Template

2. Eclipse导入模板工程

3. 模板导入wearable-1.0.0依赖库，解决也许找不到android.support.wearable包的问题。

注：ADT 自(23.0.2)这个版本开始就没有Blank Wear Activity，所以得下载模板工程来开发。

创建模拟器

· Device：选择方形/圆形的设备

· Target：4.4w.2

· CPU/ABI：此处笔者选择Android Wear Intel Atom（X86），因为本人的64位Ubuntu 14.04系统在选择AndroidWear ARM(armeabi-v7a)时候会报错，所以在不确定哪个镜像会报错的情况下，最好两个都下载吧。

· Hardware keyboard present：手表是没有键盘输入的，所以，这里似乎没用，不过语音输入是否与之相关有待调查。

· Skin：选择与Device对应的，AndroidWearSquare

· Use Host GPU：这个很关键，不勾选这个，在做Notification显示自定义的Activity的时候会看到一片漆黑

Android Studio 平台的搭建

在Android Studio中创建新的工程（包名，工程名你随便起了），Next

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1VpaoXu2-1636293751570)(https://blog.csdn.net/)]

同时创建手机项目和Wear项目

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-whdUy3X0-1636293751571)(https://blog.csdn.net/)]

创建Phone端的页面样式

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-bwHcJJMw-1636293751572)(https://blog.csdn.net/)]

创建Wear端的页面样式

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-KC6CGN18-1636293751572)(https://blog.csdn.net/)]

同时生成Phone和Wear项目（方便打包）

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mDysMhLL-1636293751573)(https://blog.csdn.net/)]

Wear的连接调试

步骤是：

1. 手机端usb调试开关

2. 在Android Wear手表设备上开启蓝牙调试开关：

–>原生AndroidWear系统是：连点两次主屏会显示出wear菜单或者长按手表右侧物理按键，滚动到底部点击设置，再滚动动到底部，如果也没有开发者选项，就点击关于，再点击系统版本信息七次，就会出现开发者选项。进入开发者选项，并开启蓝牙调试开关。

–>Ticwear中文系统上是主屏上左划出现菜单，滚动选择设置，滚动到底部，如果也没有开发者选项，同样，就点击关于，再点击系统版本信息七次，就会出现开发者选项。进入开发者选项，并开启蓝牙调试开关。

3. 开启调试会话：

1）手机USB数据线连接到电脑，在手机端打开Android Wear应用（确保应用已连接到手表）。

2）点击界面右上的齿轮菜单进入设置（Settings）

3）开启“通过蓝牙调试”（Debuggingover Bluetooth）。你可以看到设备连接状态：

Host:disconnected

Target: connected

4）确保手机用USB数据线连接了电脑，并执行adb命令：

adb forward tcp:4444 localabstract:/adb-hub;

adb connect localhost:4444

你就可以看到刚才的连接状态就变成了：

Host: connected

Target: connected

4. 调试应用

如果执行adb devices命令，你的可穿戴设备应该是显示为localhost:4444。要执行任何adb命令，格式应该是类似这样：

adb -s localhost:4444

如果没有其他设备通过TCP/IP连接（即没有连接其他模拟器），你也可以使用简化的命令：

adb -e

例如：

adb -e logcat

adb -e shell

adb -e bugreport

注：其实第3步OK后用AndroidStudio直接跑起Wear程序即可，App即可会自动安装到手表上，稍微有点慢耐心等下就好。

Wear APP的正式开发

与手机端开发的一些不同

系统有个强制休眠时间。如果正在显示界面，但用户又没有进行操作，设备就会休眠。当再次唤醒后，会回到表盘主页而不是你之前的界面。如果你有东西需要持久化显示，可以推送通知到信息流中。
android wear应用相对于手机应用来说，显示尺寸和功能更小巧。可能是手机应用的子集，通常你可以先在手机上操作，然后将结果发送到手表。
用户不需要直接下载应用到android wear设备。你只需要将android wear应用绑定到android手机应用中。当用户安装了手机应用，系统会自动安装android wear应用。可以出于开发目的，你依然可以安装应用到android wear设备中。

4. android wear应用可以访问标准的AndroidAPIs。但不支持一下APIs：

android.webkit

android.print

android.app.backup

android.appwidget

android.hardware.usb

Wear 通知的开发

为了创建一个手持设备上的并且也能同时发送给可穿戴设备的Notification，需要使用NotificationCompat.Builder。当你使用这个类创建Notification之后，如何正确展示的工作就交由系统去完成，无论是在手持式设备上还是可穿戴设备上。

需要导入的类（手机端）

importandroid.support.v4.app.NotificationCompat;

importandroid.support.v4.app.NotificationManagerCompat;

importandroid.support.v4.app.NotificationCompat.WearableExtender;

普通通知栏

手机：普通的通知栏在手机上的效果应该都不陌生，这里就不展开说明
手表：手表端的效果是由2张卡片构成的，第一张是手机通知栏的信息组成，第二张是点击开发手机应用，具体的效果与手机通知栏的点击事件一致，也就是说，如果通知栏没有设置点击事件，那么就不会有第二张卡片。另外，默认的背景色是由应用图标所决定的，是取主要的颜色值

以上是最原始的通知栏效果，没有进行手表端适配处理的。（其实普通的通知栏你都不用做。。。。。。）

添加Wear扩展属性的通知栏

扩展属性

· 多张卡片：通知栏的多张内容展示

· 自定义动作按钮：自定义Action按钮的事件处理

· 设置背景：设置通知栏的背景色

· 堆叠多张卡片：通知栏卡片的堆叠

· 语音回复：

Wear 上的UI开发

Android Wear apps用户界面不同于在手机设备上构建。需要遵循AndroidWear设计规范和UI模式，以确保应用通过针对可穿戴设备而优化的一致用户体验。

UI模式主要通过以下方式实现：

卡片
倒计时和确认
长按消失
2d pickers
选择列表

Wearable UI Library是Android SDk中Google Repository的一部分，提供帮助你实现这些模式的类，并可以创建同时适配运行在圆形和方形屏幕设备上的布局。

定义布局

当创建android wear布局的时候，要考虑设备有两种屏幕，方形和圆形。任何位于屏幕角落的内容都会被圆形屏幕裁剪掉。

Wearable UI Library提供两种方式解决这个问题：

1、为圆形和方形屏幕的设备定义两套布局。在运行时检测设备屏幕并渲染不同的布局。

2、使用Wearable UILibrary中一种特殊的布局来包住你的布局。这个布局会根据设备屏幕来加载不同的布局文件。

典型的办法是第一种，如果布局简单可以直接使用第二种。

为圆形和方形屏幕定义不同的布局

Wearable UI Library中的WatchViewStub这个类可以让你为圆形和方形屏幕定义不同的布局。这个类会在运行时检测屏幕形状并渲染相应的布局。

1、在你的activity布局文件中添加WatchViewStub元素

2、使用rectLayout属性为方形屏幕指定布局文件

3、使用roundLayout属性为圆形屏幕指定布局文件

[java]

view plain

copy

<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:rectLayout=”@layout/rect_activity_wear”
app:roundLayout=”@layout/round_activity_wear”>
</android.support.wearable.view.WatchViewStub>
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_wear);
}
访问布局控件
渲染布局文件不是同步的，所以要设置一个回调来监听WatchViewStub渲染完成。
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_wear);
WatchViewStub stub = (WatchViewStub) findViewById(R.id.watch_view_stub);
stub.setOnLayoutInflatedListener(new WatchViewStub.OnLayoutInflatedListener() {
@Override public void onLayoutInflated(WatchViewStub stub) {
// Now you can access your views
TextView tv = (TextView) stub.findViewById(R.id.text);
…
}
});
}

<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:rectLayout="@layout/rect_activity_wear"

app:roundLayout="@layout/round_activity_wear">

</android.support.wearable.view.WatchViewStub>

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_wear);

}

访问布局控件

渲染布局文件不是同步的，所以要设置一个回调来监听WatchViewStub渲染完成。

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_wear);

WatchViewStub stub = (WatchViewStub) findViewById(R.id.watch_view_stub);

stub.setOnLayoutInflatedListener(new WatchViewStub.OnLayoutInflatedListener() {

@Override public void onLayoutInflated(WatchViewStub stub) {

// Now you can access your views

TextView tv = (TextView) stub.findViewById(R.id.text);

…

}

});

}

创建卡片

卡片风格可以让不同应用呈现给用户一致的风格和交互。Wearable UI库中实现了为可穿戴设备特殊设计的卡片控件。这个库包含了CardFrame类，CardFrame只能包含一个直接子view，你可以添加其他自定义内容插入到卡片中。

你有两种办法来添加卡片：

1、使用或继承CardFragment2、在你的布局中添加CardScrollView

创建CardFragment

CardFragment 提供一个默认卡片布局，包含标题、图标、描述。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-6rsieyVi-1636293751574)(https://blog.csdn.net/)]

创建CardFragment的步骤：

1、在你的布局中，分配一个id给CardFragment

2、在你的activity中新建一个CardFragment实例

3、使用fragmentmanager添加CardFragment实例

[html]

view plain

copy

<android.support.wearable.view.BoxInsetLayout
xmlns:android=“http://schemas.android.com/apk/res/android”
xmlns:app=“http://schemas.android.com/apk/res-auto”
android:background=“@drawable/robot_background”
android:layout_height=“match_parent”
android:layout_width=“match_parent”>
<FrameLayout
android:id=“@+id/frame_layout”
android:layout_width=“match_parent”
android:layout_height=“match_parent”
app:layout_box=“bottom”>
</FrameLayout>
</android.suppo

《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》浏览器打开：qq.cn.hn/FTe 免费领取

rt.wearable.view.BoxInsetLayout>

<android.support.wearable.view.BoxInsetLayout

xmlns:android=“http://schemas.android.com/apk/res/android”

xmlns:app=“http://schemas.android.com/apk/res-auto”

android:background="@drawable/robot_background"

android:layout_height=“match_parent”

android:layout_width=“match_parent”>

<FrameLayout

android:id="@+id/frame_layout"

android:layout_width=“match_parent”

android:layout_height=“match_parent”

app:layout_box=“bottom”>

</android.support.wearable.view.BoxInsetLayout>

Activity``代码中：

[java]

view plain

copy

protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_wear_activity2);
FragmentManager fragmentManager = getFragmentManager();
FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();
CardFragment cardFragment = CardFragment.create(getString(R.string.cftitle),
getString(R.string.cfdesc),
R.drawable.p);
fragmentTransaction.add(R.id.frame_layout, cardFragment);
fragmentTransaction.commit();
}

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_wear_activity2);

FragmentManager fragmentManager = getFragmentManager();

FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();
)

protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_wear_activity2);
FragmentManager fragmentManager = getFragmentManager();
FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();
CardFragment cardFragment = CardFragment.create(getString(R.string.cftitle),
getString(R.string.cfdesc),
R.drawable.p);
fragmentTransaction.add(R.id.frame_layout, cardFragment);
fragmentTransaction.commit();
}

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_wear_activity2);

FragmentManager fragmentManager = getFragmentManager();

FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();