TUTORIAL PEMBUATAN APLIKASI SEDERHANA TOUCH AND GESTURE PADA ANDROID

PAPB – C

TUTORIAL PEMBUATAN APLIKASI SEDERHANA TOUCH AND GESTURE PADA ANDROID

Di dalam bahasan kali ini, terdapat tutorial pembuatan aplikasi sederhana touch and gesture pada android. Dalam touch and gesture ini saya membuat tutorial untuk melakukan zoom in zoom out pada gambar. Sebenarnya tutorial ini sudah didapatkan pada tutorialspoint.com namun disini saya akan lebih menjabarkan pembuatan gambar untuk dilakukan pinch zoom in zoom out. Untuk lebih jelasnya ikuti step berikut ini 1. Buat project dengan nama “PAPBgesture”

2. Setelah melakukan create project, edit coding pada bebereapa bagian, yaitu; - MainActivity.java - Activity_main - String.xml - Dan AndroidManifest.xml 3. Edit MainActivity. Java pada src/com.example.papbgesture/MainActivity.java dengan mengisi code seperti berikut;

115060801111087 Anis Maulida Dyah Ayu Putri

PAPB – C 1. package com.example.papbgesture; 2. 3. import android.app.Activity; 4. import android.graphics.Matrix; 5. import android.os.Bundle; 6. import android.view.Menu; 7. import android.view.MotionEvent; 8. import android.view.ScaleGestureDetector; 9. import android.widget.ImageView; 10. 11. public class MainActivity extends Activity { 12. 13. private ImageView img; 14. private Matrix matrix = new Matrix(); 15. private float scale = 1f; 16. private ScaleGestureDetector SGD; 17. @Override 18. protected void onCreate(Bundle savedInstanceState) { 19. super.onCreate(savedInstanceState); 20. setContentView(R.layout.activity_main); 21. img = (ImageView)findViewById(R.id.imageView1); 22. SGD = new ScaleGestureDetector(this,new ScaleListener()); 23. } 24. 25. @Override 26. public boolean onTouchEvent(MotionEvent ev) { 27. SGD.onTouchEvent(ev); 28. return true; 29. } 30. 31. private class ScaleListener extends ScaleGestureDetector. 32. SimpleOnScaleGestureListener { 33. @Override 34. public boolean onScale(ScaleGestureDetector detector) { 35. scale *= detector.getScaleFactor(); 36. scale = Math.max(0.1f, Math.min(scale, 5.0f)); 37. matrix.setScale(scale, scale); 38. img.setImageMatrix(matrix); 39. return true; 40. } 41. } 42. @Override 43. public boolean onCreateOptionsMenu(Menu menu) { 44. // Inflate the menu; this adds items to the action bar if it is present. 45. getMenuInflater().inflate(R.menu.main, menu); 46. return true; 47. } 48. }

4. Selanjutnya edit pada bagian activity main pada res/layout/activity_main.xml dengan mengisikan code sebagai berikut

115060801111087 Anis Maulida Dyah Ayu Putri

PAPB – C

1. 10. 11. 16. 17. 24. 25.

Untuk gambar graphical layout sebagi berikut

5. Selanjutnya edit pada bagian res/value/sting.xml

115060801111087 Anis Maulida Dyah Ayu Putri

PAPB – C 1. 2. 3. 4. <string name="app_name">PAPBgesture 5. <string name="action_settings">Settings 6. <string name="hello_world">pinch untuk zoom in dan zoom out 7. 8.

6. Untuk yang di edit selanjutnya pada AndroidManifest.xml 1. 2. <manifest xmlns:android="http://schemas.android.com/apk/res/android" 3. package="com.example.papbgesture" 4. android:versionCode="1" 5. android:versionName="1.0" > 6. 7. <uses-sdk 8. android:minSdkVersion="8" 9. android:targetSdkVersion="18" /> 10. 11. 16. 19. 20. 21. 22. 23. 24. 25. 26. 27.

7. Kemudian apabila telah dilakukan semua step diatas, coba untuk melakukan run pada aplikasi ini. Apabila sudah tidak ada error, dapat dilakukan eksport aplikasi ke APK. 8. Untuk melakukan step eksport ke APK adalah - Klik menu file->eksport - Kemudian pilih export android application

115060801111087 Anis Maulida Dyah Ayu Putri

PAPB – C

-

pilih keystore slection

-

masukkan data dibawah ini. Country code ID untuk Indonesia

- finish 9. Apabila sudah selesai dapat dipindahkan ke android anda dan APK dapat langsung diinstal pada android anda. 10. Gambar dapat dilakukan pinch zoom in zoom out. 115060801111087 Anis Maulida Dyah Ayu Putri

PAPB – C

Daftar Pustaka: 1. http://tutorialspoint.com/android/android_gestures/ 2. http://cariprogram.blogspot.com/2014/07/aplikasi-android-image-zoom-in-zoomout-imageview-pinch-zoom-geser-klik-coordinate-pixel.html 3. http://agusharyanto.net/wordpress/?p=442

115060801111087 Anis Maulida Dyah Ayu Putri