introduction to android wear - files.meetup.com wear ( gdg baltimore ) p… · introduction to...

55
Introduction to Android Wear #AndroidWear

Upload: others

Post on 14-Oct-2020

6 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

Introduction to Android Wear#AndroidWear

Page 2: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

FPO: verify rights

Page 3: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you
Page 4: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

REAL LIFE

GET PHONE

LOST IN PHONE

Page 5: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you
Page 6: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you
Page 7: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you
Page 8: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you
Page 9: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you
Page 10: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you
Page 11: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

you talk to the wearable

Page 12: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

actions

Page 13: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

actions

Page 14: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

the wearable talks to you

actions

Page 15: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

actions

context

Page 16: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

actions

context

Page 17: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

Notifications

Page 18: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

Notifications

Page 19: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

Notifications

Page 20: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

NO WORK REQUIRED

Page 21: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

Notifications

Page 22: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

NO WORK REQUIRED

Page 23: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

Notifications

Stacks Pages Replies

Page 24: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

Custom UI Send Data

Control Sensors Voice Actions

Apps

Page 25: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

What’s next?Getting Started with Android Wear developer.android.com/wear

Page 26: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

Android WearBuilding Your First App

Page 27: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

Launch the app once to make it able to receive notifications

What you will needJDK

Android Studio Device with the Android Wear Preview beta app installed

wearable-preview-support.zip Android Wear emulator

Page 28: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

Check your development environment

22.6 or aboveAndroid Wear ARM

EABI v7a System Image

Page 29: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

Create an emulator

4.4.2 or above

Android Wear

Android Wear

Snapshot

Page 30: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

Launch the emulator

Device is not connected

Page 31: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

Connect to the emulator

Connect the device with the Android Wear Preview beta app installed to your development PC using USB.

In the directory where your Android SDK is installed, execute:adb -d forward tcp:5601 tcp:5601

Page 32: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

Run the emulator

Device is connected

Page 33: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

Create a new projectInput as

appropriate

Select Android 4.4

Select Android 4.0

Only check “Create Activity"

Page 34: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

Create a new project

Select “Blank Activity"

Page 35: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

Finish

Create a new project

Page 36: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

Install wearable-preview-support

Extract wearable-preview-support.zip. Create a libs/ directory in your project root and copy the wearable-

preview-support.jar file there.

Page 37: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

Edit build.gradleOpen build.gradle under modules.

The wearable-preview-support.jar and Android support-v4 dependency rules will be added.

dependencies { compile 'com.android.support:support-v4:+' compile files(‘../libs/wearable-preview-support.jar') }

Page 38: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

Sync Project with Gradle Files

Page 39: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

Create a layoutAdd a button to activity_main.xml

Page 40: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

Create a notification iconRight click on “res" and select “Image Asset"

Select Notification Icons

As desired

Page 41: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

Create a notification icon

Finish

Page 42: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

Edit MainActivityAdd imports to Addsrc\main\java\<package>\MainActivity

import android.preview.support.wearable.notifications.*; import android.preview.support.v4.app.NotificationManagerCompat; import android.support.v4.app.NotificationCompat;

Automatic importing (Command-Enter) is usually fine, but for notifications, be sure to specify so that the SupportLibrary and normal APIs do not get

mixed up

Page 43: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

Implement View.OnclickListener

Use any method for implementing OnClickListener. public class MainActivity extends Activity implements View.OnClickListener {

Edit MainActivity

Page 44: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

Edit MainActivityAcquire Button and register View.OnClickListener

private Button mButton;

mButton = (Button) findViewById(R.id.button); mButton.setOnClickListener(this);

Page 45: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

Implement an event that occurs when the user taps

Edit MainActivity

Page 46: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

Execute the app

Tap the button...

Page 47: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

Execute the app

A notification is generated

Page 48: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

Execute the app

This is displayed simultaneously on Android

Wear

Page 49: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

Execute the app

Quit the smartphone app

Page 50: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

Execute the app

Swipe upward.

Page 51: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

Execute the app

Swipe to the left and “Open” is displayed.

Page 52: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

Tap “Open” and a PendingIntent is issued, and MainActivity opens

Execute the app

Page 53: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

You can also add actions other than opening an Activity

Execute the app

Page 54: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

Google Now.

http://www.google.com/landing/now/#cards

http://www.google.com/landing/now/integrations.html

https://developers.google.com/schemas/now/cards

https://developers.google.com/schemas/reference/event-reservation

Page 55: Introduction to Android Wear - files.meetup.com Wear ( GDG Baltimore ) P… · Introduction to Android Wear #AndroidWear. FPO: verify rights. REAL LIFE GET PHONE LOST IN PHONE. you

GDG Baltimore

Thank You.