Tutorial 13: Desenare cerc cu canvas

Tutorial despre cum sa desenezi un cerc cu canvas in Android.

Deschidem Eclipse si cream un proiect nou (vezi aici cum) pe care il denumim DesenareCerc.

Dam click dreapta pe folderul DesenareCerc al proiectului nostru si selectam New -> Class. Se deschide o fereastra in care se completeaza campurile ca in imaginea de mai jos:

creare cerc cu canvas in android pas 1

In fisierul Cerc.java care ni se deschide, scriem urmatorul cod:

package toyo.example.desenarecerc;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.util.AttributeSet;
import android.view.View;

public class Cerc extends View {
    Paint paint;
    Path path;

    public Cerc(Context context) {
        super(context);
        init();
    }
    public Cerc(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }
    public Cerc(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        init();
    }
    private void init(){
        paint = new Paint();
        paint.setColor(Color.BLUE);
    }
    @Override
    protected void onDraw(Canvas canvas) {
        // TODO Auto-generated method stub
        super.onDraw(canvas);

        paint.setStyle(Paint.Style.FILL);
        canvas.drawCircle(250, 250, 200, paint);
        //drawCircle(cx, cy, radius, paint)
    }
}

 

In fisierul MainActivity.java scriem urmatorul cod:

package toyo.example.desenarecerc;
import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;

public class MainActivity extends Activity {
     /** Called when the activity is first created. */
     @Override
     public void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(new Cerc(this));
     }

    @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;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();
        if (id == R.id.action_settings) {
            return true;
        }
        return super.onOptionsItemSelected(item);
    }
}

Rulam aplicatia si vedem rezultatul final: un cerc desenat cu canvas.

creare cerc cu canvas in android pas 3

Vezi aici cum poti sa-ti salvezi aplicatia in vederea rularii ei pe telefonul mobil.

Proiectul (cu toate fisierele) realizat se poate downloada de AICI.

Aplicatia pentru telefonul mobil se poate downloada de AICI.
Dupa ce se downloadeaza, se copiaza in telefonul mobil si se instaleaza.

Urmareste tutorialul video despre cum sa desenezi un cerc cu canvas in Android:

Leave a Reply

Your email address will not be published. Required fields are marked *

Blue Captcha Image Refresh

*