LAPORAN PRAKTIKUM 7 “MEMBUAT CANVAS ANDROID”

PEMROGRAMAN MOBILE

LAPORAN PRAKTIKUM 7

“MEMBUAT CANVAS ANDROID”

Disusun Oleh:

Benedikta Bella Adityana 12.12.0080

SI 12 B

Blog: bdcprograming.blogspot.com

http://bdcprograming.blogspot.com/

STMIK AMIKOM PURWOKERTO

TAHUN 2013/2014

BAB I

Membuat Canvas pada Android

1. Setelah kita masuk ke aplikasi Eclipse, untuk membuat project aplikasi android baru, kita pilih menu File-New-Android Application Project.

2.  Kemudian akan muncul wizard seperti gambar di bawah ini. Beri nama aplikasi yang akan dibuat. Aplikasi ini saya beri nama Canvasku. Ubah pula Package Name nya, contoh nya seperti benedicta.canvasku, Setelah itu klik Next.

3.  Selanjutnya akan muncul tampilan seperti di bawah ini. Lalu klik Next.

4. Setelah itu, pilih icon yang akan mewakili aplikasi yang kita buat. Dalam contoh ini saya memilih icon yang ada di tab Clipart. Apabila sudah sesuai dengan keiinginan, klik Next.

5. Jika muncul tampilan seperti di bawah, klik Next .

6. Setelah itu akan muncul tampilan seperti di bawah ini. Klik Finish.

7.  Jika project yang kita buat tadi berhasil, maka tampilan yang akan muncul adalah seperti gambar di bawah ini. Secara default akan muncul tulisan “Hello world!”, kita bisa menghapusnya karena tidak diperlukan dalam pembuatan aplikasi kali ini.

8.      Kode program pada activity_main.xml adalah seperti di bawah ini:

<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"

    android:paddingBottom="@dimen/activity_vertical_margin"

    android:paddingLeft="@dimen/activity_horizontal_margin"

    android:paddingRight="@dimen/activity_horizontal_margin"

    android:paddingTop="@dimen/activity_vertical_margin"

    tools:context=".MainActivity" >

    <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="@string/hello_world" />

             </RelativeLayout>



9.  Setelah kita menuliskan kode program pada activity_main.xml , selanjutnya tuliskan kode program berikut pada Package Explorer – src - (package) benedicta.canvasku - MainActivity.java

package benedicta.canvasku;

import android.os.Bundle;

import android.app.Activity;

import android.content.Context;

import android.graphics.Canvas;

import android.graphics.Color;

import android.graphics.Paint;

import android.graphics.RectF;

import android.view.Menu;

import android.view.View;

public class MainActivity extends Activity {

   private static RectF oval = new RectF (100, 300, 200, 400);

  

   @Override

   protected void onCreate(Bundle savedInstanceState) {

          super.onCreate(savedInstanceState);

          setContentView(new Canvasku (this));    

   }

   static public class Canvasku extends View {

          public Canvasku (Context context){

          super(context);

         

          }

           protected void onDraw (Canvas canvas) {

               

                 Paint paint = new Paint();

                 Paint paint2 = new Paint();

                 Paint paint3 = new Paint();

                 Paint paint4 = new Paint();

                 Paint paint5 = new Paint();

                 Paint paint6 = new Paint();

                 Paint paint7 = new Paint();

                 Paint paint8 = new Paint();

            

                 paint3.setTextSize(30);

                 paint7.setTextSize(25);

                 paint8.setTextSize(25);

                 paint.setColor(Color.RED);

                 paint2.setColor(Color.BLACK);

                 paint2.setAlpha(1);

                 paint3.setColor(Color.GREEN);

                 paint4.setColor(Color.YELLOW);

                 paint5.setColor(Color.YELLOW);

                 paint6.setColor(Color.YELLOW);

                 paint7.setColor(Color.BLUE);

                 paint8.setColor(Color.BLUE);

               

                 canvas.drawCircle(150, 370, 50, paint);

                 canvas.drawRect(200, 50, 300, 150, paint2);

                 canvas.drawText("Hello there ^^", 50, 50, paint3);

                 canvas.drawCircle(130, 350, 10, paint4);

                 canvas.drawCircle(165, 350, 10, paint5);

                 canvas.drawArc(oval, 45, 90, false, paint6);

                 canvas.drawText("By: Benedicta Bella", 50, 150, paint7);

                 canvas.drawText("SI12B/12.12.0080    Tweet: @bdcbella", 50, 180, paint8);

               

               

              }

              }

  

         

   @Override

   public boolean onCreateOptionsMenu(Menu menu) {

          // Inflate the menu; this adds items to the action bar if it is present.

          getMenuInflater().inflate(R.menu.main, menu);

          return true;

   }

}

10. Setelah kode program yang dituliskan berhasil, jalankan emulator aplikasi android. Tampilan pada saat kita membuka menu utama emulator yaitu seperti gambar di bawah ini.   Untuk menjalankan aplikasi, pilih icon menu Canvasku.

Di bawah ini adalah tampilan ketika aplikasi Canvasku dijalankan.