Pres android nuit de l'info v3

@cfalguiere

Android Camera the making of

MarsJUG

Aix en Provence - Marseille6 Décembre 2012

jeudi 6 décembre 12

@cfalguiere

Claude FalguièreArchitecte Technique Valtech

http://cfalguiere.wordpress.com

Duchess France, Paris JUG, Devoxx4Kids




@cfalguiere

Objectif questions apprendre

gadget fun pour Devoxx

alimenter un hacker space Duchess


@cfalguiere

ADT : Eclipse + Plugins ADT + SDK

http://developer.android.com

IDE

Eclipse




@cfalguiere



IDE

Plugins




@cfalguiere



IDE

Platform Tools




@cfalguiere

Android Virtual Device (AVD)IDE


@cfalguiere

Activity

TextView

Hello World

Hello WorldHelloonCreateonPauseonResumeonDestroy

GroupView(layout)


@cfalguiere

Hello WorldActivity GroupView(layout)

TextView

Go

Hello World

ImageView

Button

Hello


@cfalguiere

(layout)

CameraCamera

SurfaceView

SurfaceHolder

Activity


@cfalguiere

(layout)

CameraCamera

SurfaceHolder

Activity SurfaceView


@cfalguiere

Camera

RelativeLayoutActivity

Camera

CameraPreview

SurfaceHolder

openrelease

Camera

surfaceCreatedsurfaceDestroyedsurfaceChanged

startPreviewstopPreview

SurfaceView


@cfalguiere

Camera

RelativeLayoutActivity

CameraPreview

SurfaceView

FrameLayout


@cfalguiere

<RelativeLayout 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" tools:context=".MainActivity" >

<FrameLayout android:id="@+id/cameraPreviewFrame" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_alignParentTop="true" > </FrameLayout>

<Button android:id="@+id/saveButton" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_alignParentLeft="true" android:background="@drawable/camera_icon" android:onClick="whenSave" />

</RelativeLayout>

layout/main_activity.xmlCamera


@cfalguiere

public CameraPreview(Context context, Camera camera) { super(context); mCamera = camera; mHolder = getHolder(); mHolder.addCallback(this);

...

protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

mCamera = Camera.open();

CameraPreview cameraPreview = new CameraPreview(this, mCamera); FrameLayout previewFrame = (FrameLayout) findViewById(R.id.cameraPreviewFrame); previewFrame.addView(cameraPreview); ...

MainActivity.java

CameraPreview.java

Camera


@cfalguiere

Camera manifest.xml

<?xml version="1.0" encoding="utf-8"?><manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example.duchescamera" android:versionCode="1" android:versionName="1.0" >

<uses-sdk android:minSdkVersion="8" android:targetSdkVersion="17" />

<application android:allowBackup="true" android:icon="@drawable/ic_launcher" android:label="@string/app_name" android:screenOrientation="landscape"> <activity android:name="com.example.duchescamera.MainActivity" android:label="@string/app_name" > ...


@cfalguiere

Camera manifest.xml

<?xml version="1.0" encoding="utf-8"?><manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example.duchescameramini2" android:versionCode="1" android:versionName="1.0" >

<uses-sdk android:minSdkVersion="8" android:targetSdkVersion="17" />

 <uses-feature android:name="android.hardware.camera" android:required="true" /> <uses-permission android:name="android.permission.CAMERA" />

@cfalguiere

CameraRelativeLayout

SurfaceView

Orientation par défaut du device

Orientation par défaut de la camera


@cfalguiere

opensetCameraDisplay (holder)

startPreview

takePicture

stopPreview

release


@cfalguiere

Photo

<Button android:id="@+id/saveButton" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_alignParentLeft="true" android:background="@drawable/camera_icon" android:onClick="whenSave" />

layout/main_activity.xml


@cfalguiere

PhotoActivity

whenSave

public void whenSave(View view) { mCamera.takePicture(shutterCallback, null, jpegPictureCallback); }

CameratakePicture

ShutterCallback RawCallback PictureCallback

onShutteronPictureTaken

MainActivity.java

«Click» générer le fichier


@cfalguiere

public void whenSave(View view) { Camera.ShutterCallback shutterCallback = new Camera.ShutterCallback() { public void onShutter() { mSoundPool.play(mShutterSoundId, mShutterSoundVolume, mShutterSoundVolume, 1, 0, 1); } }; mCamera.takePicture(shutterCallback, null, mJpegPictureCallback); ...

private SoundPool mSoundPool; private int mShutterSoundId; private float mShutterSoundVolume = 0.5f;

protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState);

mSoundPool = new SoundPool(1, AudioManager.STREAM_NOTIFICATION, 0); mShutterSoundId = mSoundPool.load(this, R.raw.camera_click, 1); ...

MainActivity.javaPhoto


@cfalguiere

public void onPictureTaken(byte[] data, Camera camera) { try { Bitmap photo = BitmapFactory.decodeByteArray(data, 0,data.length);

// Create a new, empty bitmap with the original size. Bitmap bitmap = Bitmap.createBitmap(photo.getWidth(),

photo.getHeight(), photo.getConfig()); Canvas canvas = new Canvas(bitmap); canvas.drawBitmap(photo, 0, 0, null);

// save file File pictureFile = getOutputMediaFile(); FileOutputStream fos = new FileOutputStream(pictureFile); bitmap.compress(Bitmap.CompressFormat.JPEG, 90, fos); addPictureToGalery(pictureFile.getPath());

} catch (Exception e) { Log.d(TAG, "ERROR Could not save picture: " + e.getMessage()); } }

PictureCallbackPhoto


@cfalguiere

private void addPictureToGalery(String path) { Intent mediaScanIntent = new Intent(Intent.ACTION_MEDIA_SCANNER_SCAN_FILE); Uri contentUri = Uri.fromFile(new File(path)); mediaScanIntent.setData(contentUri); mActivity.sendBroadcast(mediaScanIntent); }

PictureCallbackPhoto


@cfalguiere

ImageView

Incrustation

Activity

CameraPreview

SurfaceView

FrameLayout

RelativeLayout

DrawView

onDraw


@cfalguiere

DrawPreview

onDraw

draw

Canvas

DuchessSprite

x

y

Incrustation


@cfalguiere

DrawPreview

onDraw

draw

draw

Canvas

MoveFeedbackSprite

RotationFeedbackSprite

draw

DuchessSprite

Incrustation


@cfalguiere

private Bitmap bitmap; // the actual bitmap public void draw(Canvas canvas, float ratio) { Matrix matrix = new Matrix(); float s = 1 / bitmapScale; int cw = Math.round(bitmap.getWidth() / 2); int ch = Math.round(bitmap.getHeight() / 2);

canvas.drawBitmap(bitmap, matrix, null); }

DuchessSprite.javaIncrustation


@cfalguiere

private Bitmap bitmap; // the actual bitmap public void draw(Canvas canvas, float ratio) { Matrix matrix = new Matrix(); float s = 1 / bitmapScale; int cw = Math.round(bitmap.getWidth() / 2); int ch = Math.round(bitmap.getHeight() / 2); matrix.setScale(s, s, cw, ch); canvas.drawBitmap(bitmap, matrix, null); }



@cfalguiere

private Bitmap bitmap; // the actual bitmap public void draw(Canvas canvas, float ratio) { Matrix matrix = new Matrix(); float s = 1 / bitmapScale; int cw = Math.round(bitmap.getWidth() / 2); int ch = Math.round(bitmap.getHeight() / 2); matrix.setScale(s, s, cw, ch); matrix.postTranslate(centerX - cw, centerY - ch); canvas.drawBitmap(bitmap, matrix, null); }



@cfalguiere

private Bitmap bitmap; // the actual bitmap public void draw(Canvas canvas, float ratio) { Matrix matrix = new Matrix(); float s = 1 / bitmapScale; int cw = Math.round(bitmap.getWidth() / 2); int ch = Math.round(bitmap.getHeight() / 2); matrix.setScale(s, s, cw, ch); matrix.postTranslate(centerX - cw, centerY - ch); matrix.postScale(ratio, ratio);

canvas.drawBitmap(bitmap, matrix, null); }



@cfalguiere

public boolean onTouchEvent(MotionEvent event) { final int action = event.getAction();

switch (action & MotionEvent.ACTION_MASK) { case MotionEvent.ACTION_DOWN: { mDuchess.handleActionDown((int)event.getX(), (int)event.getY()); // update touched break; } case MotionEvent.ACTION_MOVE: { if (mDuchess.isTouched()) { mDuchess.setCenterX((int)event.getX()); mDuchess.setCenterY((int)event.getY()); invalidate(); } break; } case MotionEvent.ACTION_UP: { if (mDuchess.isTouched()) { mDuchess.setTouched(false); } reak; } } return true; }

DrawView.java


@cfalguiere

public DrawView(Context context, DuchessSprite duchess) { super(context); ... // make the Panel focusable so it can handle events setFocusable(true); setFocusableInTouchMode(true); }

DrawView

IncrustationonTouchEvent


@cfalguiere

Claude Falguiè[email protected]/4mmJQ

Merci

Questions


http://goo.gl/4mmJQ

http://goo.gl/4mmJQ

@cfalguierejeudi 6 décembre 12

@cfalguiere

Installer ADT http://developer.android.com/sdk/index.html

Installer git (préférable)


Lab 0


http://developer.android.com/sdk/index.html




@cfalguiere

Lab 1 Créez un repo Git (git init)

Créez un workspace Eclipse sur la racine du repo

Créez un projet dans Eclipse• New «Android Application Project»• (Facultatif) choisissez l’icone Photo dans Clipart• une activité MainActivity par défaut

Lancez l’application dans le simulateur• Créez un AVD Galaxy Nexus• Exécutez dans le simulateur

Lancez l’application sur un device connecté


@cfalguiere

Lab 2Affichez la caméra dans votre application

vous aurez besoin • de modifier le layout (RelativeLayout et

FrameLayout)• d’implémenter un SurfaceView • de la feature android.hardware.camera• de la permission android.permission.CAMERA• de corriger l’orientation


@cfalguiere

Lab 3Ajoutez le bouton et prennez une photo(Facultatif) ajoutez le son

vous aurez besoin • du composant graphique Button• de l’icône du bouton : drawable/camera_icon.png• de l’implémentation du PictureCallback • de la permission

android.permission.WRITE_EXTERNAL_STORAGE

• du fichier son camera_click.ogg (Facultatif)• de la classe SoundPool (Facultatif)


@cfalguiere

Lab 4Ajoutez une vue ImageView custom et affichez Duchess

vous aurez besoin • de l’image du sprite : drawable/

duchessfr_shadow.png• de l’implémentation du Sprite DuchessSprite


@cfalguiere

Lab 5Ajoutez la possibilité de déplacer le sprite

(Facultatif) affichez un feedback visuel

vous aurez besoin • de l’implémentation du Sprite DragFeedbackSprite

(Facultatif)


Pres android nuit de l'info v3

Documents

Transcript of Pres android nuit de l'info v3