CodeLab from GDG MeetsU in L'Aquila, a Google Developer Group Roma Lazio-Abruzzo

2. It’s Time
Android Wear e Smartwatch:
le app diventano indossabili
Giuseppe Cerratti
Alessandro Mancini
e il Team del GDG Roma L-Ab

3. Giuseppe Cerratti
giuseppe.ciuffo@gmail.com
it.linkedin.com/in/giuseppecerratti
plus.google.com/+GiuseppeCerratti
Alessandro Mancini
alem1979@gmail.com
it.linkedin.com/in/AleMan79
plus.google.com/+AlessandroMancini13

4. developer.android.com/wear

5. “Android wearables provide just the right
information at just the right time, allowing you to
be connected to the virtual world and present in
the real world.”
developer.android.com/wear
Right info
at right time

6. Design
Principales

7. The Card
Le Card sono alla base
della UI di Android Wear
Sono molto più che notifiche.
Le Card appaiono solo se invocate
o se strettamente necessarie
all’utente in un certo istante.
developer.android.com/wear

8. The Card
pattern
App
Laucher Icon
Image
Text
Title
developer.android.com/wear

9. The Context
Stream
Il Context Stream è
una lista verticale di Card
Nello stream viene visualizzata
una sola Card per volta.
developer.android.com/wear

10. How can
I use it?!

11. Plun!
developer.android.com/wear

12. Official
devices
Motorola
moto360
LG
G Watch

13. Let’s
Code!

14. Scarica il codice del codelab
al seguente link:
github.com/GDG-L-Ab/Wearun_ToDo
Code

15. Caution: The current Android Wear Developer Preview is intended for
development and testing purposes only, not for production apps.
Google may change this Developer Preview significantly prior to the
official release of the Android Wear SDK.
Get the Developer Preview

16. Tasto destro sulla libreria
-> build path
-> add to build path
Import
android.preview
Wearun/ libs/
Copiare la libreria:
wearable-preview-support.jar

17. MainActivity.java
import android.preview.support.wearable.notifications.*;
import android.preview.support.v4.app.NotificationManagerCompat;
import android.support.v4.app.NotificationCompat;
Import
android.preview

18. int notificationId = 001;
NotificationCompat.Builder notifBuilder =
new NotificationCompat.Builder(getApplicationContext())
.setSmallIcon(R.drawable.ic_launcher)
.setContentTitle("Lap Time")
.setContentText("Swipe to save the lap time");
NotificationManagerCompat notificationManager =
NotificationManagerCompat.from(getApplicationContext());
notificationManager.notify(notificationId,notifBuilder.build());
Build
notification

19. Test!

20. Let’s
Interact

21. Create intent
reciever
public class NotificationReceiver extends BroadcastReceiver{
public static final String ACTION_START =
"com.giux.wearun.ACTION_START";
@Override
public void onReceive(Context context, Intent intent) {
String action = intent.getAction();
MainActivity.start();
}
}

22. <application>
<receiver
android:name="com.giux.wearun.NotificationReceiver"
android:exported="true"
>
<intent-filter>
<action android:name="com.giux.wearun.ACTION_START"/>
<action android:name="com.giux.wearun.ACTION_LAP"/>
<action android:name="com.giux.wearun.ACTION_STOP"/>
</intent-filter>
</receiver>
</application>
Intent &
manifest

23. Intent intent = new Intent(NotificationReceiver.ACTION_START)
.setClass(getBaseContext(), NotificationReceiver.class);
PendingIntent pending =
PendingIntent.getBroadcast(getBaseContext(), notifId, intent, 0);
…
.addAction(R.drawable.ic_start, "Start", pending );
….
addAction

24. Test!

25. Add another
Action!

26. public class NotificationReceiver extends BroadcastReceiver{
public static final String ACTION_START =
"com.giux.wearun.ACTION_START";
public static final String ACTION_LAP =
"com.giux.wearun.ACTION_LAP";
public static final String ACTION_STOP =
"com.giux.wearun.ACTION_STOP";
Edit the Broadcast
Reciever

27. @Override
public void onReceive(Context context, Intent intent) {
String action = intent.getAction();
switch (action) {
case ACTION_START:
MainActivity.start();
break;
…
default:
break;
}
Edit the Intent
Reciever

28. public PendingIntent createIntent(String extra, int notifId){
Intent intent = null;
switch (extra) {
case "start":
intent = new Intent(NotificationReceiver.ACTION_START)
.setClass(getBaseContext(), NotificationReceiver.class);
break;
…
}
PendingIntent pending =
PendingIntent.getBroadcast(getBaseContext(), notifId, intent, 0);
return pending;
}
More Intent

29. public void notif(){
…
.setContentTitle("Lap Time")
.setContentText("Swipe to save the lap time")
.addAction(R.drawable.ic_start, "Start", createIntent("start", notificationId))
//ToDo
NotificationManagerCompat notificationManager =
NotificationManagerCompat.from(getApplicationContext());
notificationManager.notify(notificationId, notifBuilder.build());
}
More Action

30. That’s
All!