Android Wear Créez votre propre Watchface Florent Champigny Xebia
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Android WearCréez votre propre Watchface
Florent ChampignyXebia
AndroidManifest
Déclaré en tant que Service de Wallpaper
permission : android.permission.BIND_WALLPAPER
intent-filter : android.service.wallpaper.WallpaperService
AndroidManifest
Utilise les permissions
com.google.android.permission.PROVIDE_BACKGROUND
android.permission.WAKE_LOCK
AndroidManifest
Déclare les meta-datas
android.service.wallpaper -> xml contenant <wallpaper/>
com.google.android.wearable.watchface.preview -> Drawable
com.google.android.wearable.watchface.preview_circular -> Drawable
CanvasWatchFaceService
public class MyWatchFaceService extends CanvasWatchFaceService {
@Override public Engine onCreateEngine() {
}
}
CanvasWatchFaceService.Engine
void onCreate(SurfaceHolder holder);
void onDestroy();
void onSurfaceChanged(SurfaceHolder holder, int format, int width, int height);
void onTimeTick();
void onVisibilityChanged(boolean visible);
void onDraw(Canvas canvas, Rect bounds);
void onAmbientModeChanged(boolean inAmbientMode);
Ambiant mode
Ambiant
Canvas - Paint
ColorStrokeWidthAntiAliasStrokeCapStrokeJoinShadowLayerStyle
Canvas - Paint
ColorStrokeWidth
AntiAliasStrokeCapStrokeJoinShadowLayerStyle
(Épaisseur du pinceau)
Canvas - Paint
ColorStrokeWidth
AntiAliasStrokeCapStrokeJoinShadowLayerStyle
(Lissage de la texture)
Canvas - Paint
ColorStrokeWidthAntiAlias
StrokeCapStrokeJoinShadowLayerStyle
BUTTROUND
SQUARE
Canvas - Paint
ColorStrokeWidthAntiAliasStrokeCap
StrokeJoinShadowLayerStyle
MITER ROUND BEVEL
Canvas - Paint
ColorStrokeWidthAntiAliasStrokeCapStrokeJoinShadowLayer
Style
FILL STROKE STROKE & FILL
Canvas
canvas.drawBitmap( bitmap, left, top, paint);canvas.drawRect(left, top, right, bottom, paint);
…canvas.drawRoundRect(left, top, right, bottom, rx, ry, paint);canvas.drawLine(startX, startY, stopX, stopY, paint);canvas.drawOval(rect , paint);canvas.drawCircle(centerX, centerY, radius, paint);
Canvas
canvas.save();canvas.restore();
canvas.rotate(angle, centerX, centerY);canvas.translate(dx, dy);canvas.scale(sx, sy);
Canvas
canvas.drawBitmap(background,0,0,p);
canvas.save();canvas.rotate(90, 0.5f, 0.5f);canvas.drawRect(0.5f ,0.5f, 1f, 1f, p);canvas.restore();
0 y 10
x
1
Canvas
canvas.drawBitmap(background,0,0,p);
canvas.save();canvas.rotate(90, 0.5f, 0.5f);canvas.drawRect(0.45f ,0.5f, 0.55f, 1f, p);canvas.restore();
0 y 10
x
1
Canvas
canvas.drawBitmap(background,0,0,p);
canvas.save();canvas.rotate(90, 0.5f, 0.5f);canvas.drawRect(0.45f ,0.5f, 0.55f, 1f, p);canvas.restore();
0 y 10
x
1
Canvas
canvas.drawBitmap(background,0,0,p);
canvas.save();canvas.rotate(90, 0.5f, 0.5f);canvas.drawRect(0.45f ,0.5f, 0.55f, 1f, p);canvas.restore();
0 y 10
x
1
Canvas
canvas.drawBitmap(background,0,0,p);
canvas.save();canvas.rotate(90, 0.5f, 0.5f);canvas.drawRect(0.45f ,0.5f, 0.55f, 1f, p);canvas.restore();
0 y 10
x
1
Canvas
canvas.drawBitmap(background,0,0,p);
canvas.save();canvas.rotate(90, 0.5f, 0.5f);canvas.drawRect(0.45f ,0.5f, 0.55f, 1f, p);canvas.restore();
0 y 10
x
1
Canvas
canvas.drawBitmap(background,0,0,p);
canvas.save();canvas.rotate(90, 0.5f, 0.5f);canvas.drawRect(0.45f ,0.5f, 0.55f, 1f, p);canvas.restore();
0 y 10
x
1
Related Documents
