Selasa, 22 Juli 2014

Menggambar pada Android View

Berikut saya akan menjelaskan cara menggambar pada Android View

1. Siapkan IDE Anda, :D

2. Buat project Android

3. Beri nama AplikasiView dan package:
com.nitza.aplikasiview


4. Buat sebuah kelas MyView dengan extends View. Berikut adalah script-nya;

package com.nitza.aplikasiview;

import android.content.Context;
import android.view.View;

public class MyView extends View {
 
    public MyView(Context context) {
        super(context);
    }
}



5. Sekarang kita akan menggambar pada kelas view tersebut dengan fungsi circle

6. Persiapkan variabel-variabel untuk menggambar dan sisipkan diantara public class MyView dan public MyView
private Paint greenPaint;
private int circleX;
private int circleY;
private float radius;

7. Tambahkan nilai variabel untuk menggambar dan funsi onDraw
package com.nitza.aplikasiview;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.view.View;

public class MyView extends View {
 
    private Paint greenPaint;
    private int circleX;
    private int circleY;
    private float radius;
 
    public MyView(Context context) {
        super(context);
        greenPaint = new Paint();
        greenPaint.setAntiAlias(true);
        greenPaint.setColor(Color.GREEN);
        circleX = 100;
        circleY = 100;
        radius = 30;
    }
 
    @Override
    public void onDraw(Canvas canvas) {
        canvas.drawCircle(circleX, circleY, radius, greenPaint);
    }
}

8. Modifikasi MainActivity yang dibuat secara otomatis oleh IDE dan panggil myView.
package com.nitza.aplikasiview;

import android.support.v7.app.Activity;

import android.os.Bundle;

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
     super.onCreate(savedInstanceState);
  
     MyView myView = new MyView(this);
     setContentView(myView);
  
    }
}

9. Jalankan aplikasi sebagai Android Application dan akan terlihat seperti berikut