Android开发（1）：随机绘制彩色实心圆

Android开发（1）：随机绘制彩色实心圆

本文介绍了如何利用Android的绘图技术随机绘制彩色实心圆。效果如图1所示。


                      图1


这个程序的核心是画布，也就是Canvas对象。要想在Canvas上绘制图形，需要将Canvas放在View上。因此，首先需要建立一个画布类，这个画布类是View的子类。当画布刷新时，会调用onDraw方法来重绘制画布，我们可以从onDraw方法的参数来获得要绘制图形的Canvas对象。
由于画布重绘时会清空所有的内容，因此，要想绘制多个实心圆，需要使用一个List变量将曾经绘制的实心圆的相关信息（圆心坐标、半径、画笔颜色）保存起来，以便绘制下一个实心圆时重绘前面绘制的所有的实心圆。如果不用List对象保留绘制历史，则只能绘制最后一个实心圆。下面来看看这个画布类的代码。


package mobile.android.ch02.first;

import java.util.ArrayList;
import java.util.List;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.view.View;

public class CircleCanvas extends View
{
    //  保存绘制历史
    public List<CircleInfo> mCircleInfos = new ArrayList<CircleCanvas.CircleInfo>();
   
// 保存实心圆相关信息的类
    public static class CircleInfo
    {
        private float x;                //  圆心横坐标
        private float y;                //  圆心纵坐标
        private float radius;            //  半径
        private int color;            //  画笔的颜色

        public float getX()
        {
            return x;
        }
        public void setX(float x)
        {
            this.x = x;
        }
        public float getY()
        {
            return y;
        }
        public void setY(float y)
        {
            this.y = y;
        }
        public float getRadius()
        {
            return radius;
        }
        public void setRadius(float radius)
        {
            this.radius = radius;
        }
        public int getColor()
        {
            return color;
        }
        public void setColor(int color)
        {
            this.color = color;
        }
    }
    public CircleCanvas(Context context)
    {
        super(context);
    }
        //  当画布重绘时调用该方法，Canvas表示画布对象，可以在该对象上绘制基本的图形
    &#64;Override
    protected void onDraw(Canvas canvas)
    {
        super.onDraw(canvas);
        //  根据保存的绘制历史重绘所有的实心圆
        for (CircleInfo circleInfo : mCircleInfos)
        {
            Paint paint = new Paint();
            //  设置画笔颜色
            paint.setColor(circleInfo.getColor());
            //  绘制实心圆
            canvas.drawCircle(circleInfo.getX(), circleInfo.getY(), circleInfo.getRadius(), paint);
        }
    }
}


下面我们来编写主程序。在创建工程时会要求输入一个&#8220;Create Activity&#8221;，由于我们输入的是&#8220;Main&#8221;，因此，生成的主类就是Main.java。打开Main.java文件，输入如下的代码。

package mobile.android.ch02.first;

import java.util.Random;
import mobile.android.first.CircleCanvas.CircleInfo;
import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.view.ViewGroup.LayoutParams;

public class Main extends Activity
{
    private CircleCanvas mCircleCanvas;            //  定义一个画布类

    &#64;Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
           //  装载布局文件（在2.2.3节配置的main.xml文件）
        ViewGroup viewGroup = (ViewGroup)getLayoutInflater().inflate(R.layout.main, null);
        mCircleCanvas = new CircleCanvas(this);        //  创建CircleCanvas（画布类）对象
          //  将CircleCanvas对象添加到当前界面的视图中（两个按钮的下方）
        viewGroup.addView(mCircleCanvas, new LayoutParams(LayoutParams.FILL_PARENT, 350));
        setContentView(viewGroup);
    }
    //  开始随机绘制圆形（第一个按钮的单击事件）
    public void onClick_DrawRandomCircle(View view)
    {
        Random random = new Random();
        float randomX =(float)( 100 + random.nextInt(100));        //  随机生成圆心横坐标（100至200）
        float randomY =(float)( 100 + random.nextInt(100));         //  随机生成圆心纵坐标（100至200）
        float randomRadius =(float)( 20 + random.nextInt(40));     //  随机生成圆的半径（20至60）
        int randomColor = 0;
        //  产生0至100的随机数，若产生的随机数大于50，则画笔颜色为蓝色
        if(random.nextInt(100) > 50)
        {
            randomColor = Color.BLUE;
        }
        else
        {
//  产生0至100的随机数，若产生的随机数大于50，则画笔颜色为红色
            if(random.nextInt(100) > 50)
                randomColor = Color.RED;
            //  否则，画笔颜色为绿色
            else
                randomColor = Color.GREEN;
        }
        CircleInfo circleInfo = new CircleInfo();
        circleInfo.setX(randomX);
        circleInfo.setY(randomY);
        circleInfo.setRadius(randomRadius);
        circleInfo.setColor(randomColor);
        mCircleCanvas.mCircleInfos.add(circleInfo);        //  将当前绘制的实心圆信息加到List对象中
        mCircleCanvas.invalidate();                    //  使画布重绘
    }
    //  清空画布（第二个按钮的单击事件）
    public void onClick_Clear(View view)
    {
        mCircleCanvas.mCircleInfos.clear();               //  清除绘制历史
        mCircleCanvas.invalidate();                    //  使画布重绘
    }
}


本文截选自《Android开发权威指南》，如需转载，请注明出处。
转发微博，赢取《Android开发权威指南》，截止到9月12日，机会难得！活动地址：http://event.weibo.com/208255《Android开发权威指南》答疑论坛：http://books.51happyblog.com

新浪微博：http://t.sina.com.cn/androidguy   昵称：李宁_Lining


华章培训网视频教程：实现Android版的多功能日历

《Android/OPhone开发完全讲义》（本书版权已输出到台湾）

样章和目录下载
互动网
当当网  卓越亚马逊


《人人都玩开心网：Ext JS+Android+SSH整合开发Web与移动SNS》

script.txt文件下载


样章下载
互动网





var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-16915591-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();