CANVAS | ANDROID

Berikut ini adalah cara membuat CANVAS dengan eclipse :

1.Buka Eclipse – pilih file – new – Android Application Project..

1.    Isi Application Name misal TabMenu – klik next..

1.    Pilih tempat penyimpanan file klik browse – lalu klik next..

1.    Pada Configure Launcher Icon setting icon sesuai keinginan – klik next..

1.    Pada Create Activity pilih Blank Activity – klik next..

1.    Pada Blank Activity biarkan apa adanya lalu klik finish...

Ketikan coding dibawah ini pada activity_main.xml, pada package explorer pilih res – layout – activity_main.xml

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

 

Ketikan coding dibawah ini pada MainActivity.java, pada package explorer pilih src –  MainActivity.java...

package com.kayadoe.canvas;

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("wie geht es ihnen?", 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: Dina Andhini Kayadoe", 50, 150, paint7);

       canvas.drawText("Kelas: SI12B     NIM: 12.12.0078", 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;

    }

   

}

Sebagai emulator android disini saya menggunakan BlueStacks. Berikut cara menggunakan BlueStacks sebagai emulator.

Klik Run – Run configurations – Android application – New_configuration. lalu

Pada tab Android browse untuk memilih project, pada tab Target pilih Always prompt to pick device lalu klik Apply lalu klik Run.

hasil :

 

 

 

 

SELAMAT MENCOBA ^_^