[转]android 几何图形的绘制

最新推荐文章于 2022-03-25 18:00:00 发布

iPoolo

最新推荐文章于 2022-03-25 18:00:00 发布

阅读量156

点赞数

分类专栏： Android 文章标签：移动开发 java

本文链接：https://blog.csdn.net/ipoolo/article/details/84133062

版权

Android 专栏收录该内容

62 篇文章 0 订阅

订阅专栏

转自：http://byandby.iteye.com/blog/826418

以前的文章里边画一般都是一些矩形，今天就看看怎么在android手机屏幕上绘制一些几何图形，如三角形、多边形、椭圆、圆形、正方形等等。并且设置空心、实心。下面我们先来看看
在android中可以绘制出那些几何图形

     方法                                                                      说明
    drawRect                                                              绘制矩形
    drawCircle                                                            绘制圆形
    drawOval                                                              绘制椭圆
    drawPath                                                             绘制任意多边形
    drawLine                                                              绘制直线
    drawPoin                                                              绘制点

    我们先看看运行效果---------------------。。。。。

下面我们看例子吧
布局文件
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<TextView
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="@string/hello"
    android:textColor="#00FF00"
    />
<xiaohang.zhimeng.GameView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
</LinearLayout>
   红色的部分是我们自己实现的 GameView此类继承了View 我们把它作为布局文件的一部分加载了进来。
下边是代码
Activity01   比较简单但是为了保持完整我还是贴上来吧。

     Java代码   
     
   
package xiaohang.zhimeng;  
  
import android.app.Activity;  
import android.os.Bundle;  
  
public class Activity01 extends Activity {  
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.main);  
    }  
}  

GameView

     Java代码   
     
   
package xiaohang.zhimeng;  
  
import android.content.Context;  
import android.graphics.Canvas;  
import android.graphics.Color;  
import android.graphics.Paint;  
import android.graphics.Path;  
import android.graphics.Rect;  
import android.graphics.RectF;  
import android.util.AttributeSet;  
import android.view.View;  
  
public class GameView extends View implements Runnable {  
    // 声明Paint对象  
    private Paint mPaint = null;  
      
    private GameView2 mGameView2 = null;  
      
    public GameView(Context context, AttributeSet attr){  
        super(context,attr);  
        System.out.println(1);  
        // 构建画笔对象  
        mPaint = new Paint();  
  
        mGameView2 = new GameView2(context);  
        // 开启线程  
        new Thread(this).start();  
    }  
  
    @Override  
    protected void onDraw(Canvas canvas) {  
        super.onDraw(canvas);  
  
        // 设置画布为黑色背景  
        canvas.drawColor(Color.BLACK);  
  
        // 取消锯齿  
        mPaint.setAntiAlias(true);  
  
        // 设置画笔风格为空心  
        mPaint.setStyle(Paint.Style.STROKE);  
  
        {  
            // 定义矩形对象  
            Rect rect1 = new Rect();  
            // 设置矩形大小  
            rect1.left = 5;  
            rect1.top = 5;  
            rect1.bottom = 25;  
            rect1.right = 45;  
  
            mPaint.setColor(Color.BLUE);  
            // 绘制矩形  
            canvas.drawRect(rect1, mPaint);  
  
            mPaint.setColor(Color.RED);  
            // 绘制矩形  
            canvas.drawRect(50, 5, 90, 25, mPaint);  
  
            mPaint.setColor(Color.YELLOW);  
            // 绘制圆形  
            // 40 70 分别是圆心的X 和 Y坐标 30为半径 mPaint为画笔对象  
            canvas.drawCircle(40, 70, 30, mPaint);  
  
            // 定义椭圆  
            RectF rectf1 = new RectF();  
            rectf1.left = 80;  
            rectf1.top = 30;  
            rectf1.right = 120;  
            rectf1.bottom = 70;  
  
            mPaint.setColor(Color.LTGRAY);  
            // 绘制椭圆  
            canvas.drawOval(rectf1, mPaint);  
  
            // 绘制多边形  
            Path path1 = new Path();  
  
            /** 
             * 这个多变形我也没试验它到底是怎么画 应该就是从起点 找点 一个点 一个点的连线 
             */  
            path1.moveTo(150 + 5, 80 - 50); // 此点为多边形的起点  
            path1.lineTo(150 + 45, 80 - 50);  
            path1.lineTo(150 + 30, 120 - 50);  
            path1.lineTo(150 + 20, 120 - 50);  
            // 使这些点构成封闭的多边形  
            path1.close();  
  
            mPaint.setColor(Color.GRAY);  
            // 绘制这个多边形  
            canvas.drawPath(path1, mPaint);  
  
            mPaint.setColor(Color.RED);  
            // 设置画笔空心边框的宽度  
            mPaint.setStrokeWidth(3);  
            // 绘制直线  
            // 这个绘制直线的方法 前2个参数是前点坐标 后 2个参数是 终点坐标我们可看出两个点的Y坐标都一样的  
            canvas.drawLine(5, 110, 315, 110, mPaint);  
        }  
  
        // 绘制实心几何体  
        // 将画笔设置为实心  
        mPaint.setStyle(Paint.Style.FILL);  
        {  
            // 定义矩形  
            Rect rect1 = new Rect();  
            rect1.left = 5;  
            rect1.top = 130 + 5;  
            rect1.bottom = 130 + 25;  
            rect1.right = 45;  
  
            mPaint.setColor(Color.BLUE);  
            // 绘制矩形  
            canvas.drawRect(rect1, mPaint);  
  
            mPaint.setColor(Color.RED);  
            // 绘制矩形  
            canvas.drawRect(50, 130 + 5, 90, 130 + 25, mPaint);  
  
            mPaint.setColor(Color.YELLOW);  
            // 绘制圆形 这里参数就不说明了 上边已经说了  
            canvas.drawCircle(40, 130 + 70, 30, mPaint);  
  
            // 定义椭圆对象  
            RectF rectf1 = new RectF();  
            // 设置椭圆大小  
            rectf1.left = 80;  
            rectf1.top = 130+30;  
            rectf1.right = 120;  
            rectf1.bottom = 130 + 70;  
  
            mPaint.setColor(Color.LTGRAY);  
            // 绘制椭圆  
            canvas.drawOval(rectf1, mPaint);  
  
            // 绘制多边形  
            Path path1 = new Path();  
  
            // 设置多边形的点  
            path1.moveTo(150+5, 130+80-50);  
            path1.lineTo(150+45, 130+80-50);  
            path1.lineTo(150+30, 130+120-50);  
            path1.lineTo(150+20, 130+120-50);  
            // 使这些点构成封闭的多边形  
            path1.close();  
            mPaint.setColor(Color.GRAY);  
            // 绘制这个多边形  
            canvas.drawPath(path1, mPaint);  
  
            mPaint.setColor(Color.RED);  
            mPaint.setStrokeWidth(3);  
            // 绘制直线  
            canvas.drawLine(5, 130 + 110, 315, 130 + 110, mPaint);  
        }  
        // 通过ShapDrawable来绘制几何图形  
        mGameView2.DrawShape(canvas);  
  
    }  
  
    @Override  
    public void run() {  
        while (!Thread.currentThread().isInterrupted()) {  
            try {  
                Thread.sleep(100);  
            } catch (InterruptedException e) {  
                Thread.currentThread().interrupt();  
            }  
            // 使用postInvalidate可以直接在线程中更新界面  
            postInvalidate();  
        }  
  
    }  
  
}  

在android中还可以通过ShapDrawable来绘制图像，ShapDrawable可以设置画笔的形状。通过 getPaint 方法可以得到Paint对象，可以像前面一样设置这个画笔的颜色、尺寸等属性。然而，在ShapDrawable中提供了 setBounds 方法来设置图形显示的区域，最后通过ShapeDrawable 和 Draw方法将图形显示到屏幕上。请见下边的代码
GameView2

     Java代码   
     
   
package xiaohang.zhimeng;  
  
import android.content.Context;  
import android.graphics.Canvas;  
import android.graphics.Color;  
import android.graphics.LinearGradient;  
import android.graphics.Paint;  
import android.graphics.Path;  
import android.graphics.Rect;  
import android.graphics.Shader;  
import android.graphics.drawable.ShapeDrawable;  
import android.graphics.drawable.shapes.OvalShape;  
import android.graphics.drawable.shapes.PathShape;  
import android.graphics.drawable.shapes.RectShape;  
import android.view.View;  
  
public class GameView2 extends View {  
  
    // 声明ShapDrawable对象  
    ShapeDrawable mShapeDrawable = null;  
  
    public GameView2(Context context) {  
        super(context);  
    }  
  
    public void DrawShape(Canvas canvas) {  
        // 实例化ShapeDrawable对象并说明是绘制一个矩形  
        mShapeDrawable = new ShapeDrawable(new RectShape());  
  
        // 得到画笔paint对象并设置其颜色  
        mShapeDrawable.getPaint().setColor(Color.RED);  
  
        Rect bounds = new Rect(5, 250, 55, 280);  
  
        // 设置图像显示的区域  
        mShapeDrawable.setBounds(bounds);  
  
        // 绘制图像  
        mShapeDrawable.draw(canvas);  
        /* =============================== */  
        /* 实例化ShapeDrawable对象并说明是绘制一个椭圆 */  
        mShapeDrawable = new ShapeDrawable(new OvalShape());  
  
        // 得到画笔paint对象并设置其颜色  
        mShapeDrawable.getPaint().setColor(Color.GREEN);  
  
        // 设置图像显示的区域  
        mShapeDrawable.setBounds(70, 250, 150, 280);  
  
        // 绘制图像  
        mShapeDrawable.draw(canvas);  
  
        Path path1 = new Path();  
        // 设置多边形  
        path1.moveTo(150 + 5, 80 + 80 - 50);  
        path1.lineTo(150 + 45, 80 + 80 - 50);  
        path1.lineTo(150 + 30, 80 + 120 - 50);  
        path1.lineTo(150 + 20, 80 + 120 - 50);  
        // 使这些点封闭成多边形  
        path1.close();  
  
        // PathShape后面两个参数分别是高度和宽度  
        mShapeDrawable = new ShapeDrawable(new PathShape(path1, 150, 150));  
  
        // 得到画笔paint对象并设置其颜色  
        mShapeDrawable.getPaint().setColor(Color.BLUE);  
  
        // 设置图像显示的区域  
        mShapeDrawable.setBounds(100, 170, 200, 280);  
  
        // 绘制图像  
        mShapeDrawable.draw(canvas);  
          
        //绘制正方形  
        mShapeDrawable = new ShapeDrawable(new RectShape());  
        //得到画笔并设置颜色  
        Paint xh_Paint = mShapeDrawable.getPaint();  
          
          /*设置渐变色 这个正方形的颜色是改变的*/  
        Shader mShader=new LinearGradient(0,0,100,100,  
                new int[]{Color.RED,Color.GREEN,Color.BLUE,Color.YELLOW,Color.LTGRAY},  
                null,Shader.TileMode.REPEAT);  
        xh_Paint.setShader(mShader);  
          
        mShapeDrawable.setBounds(250, 250, 280, 280);  
        mShapeDrawable.draw(canvas);  
    }  
}  