android绘制图形

最新推荐文章于 2024-04-04 00:54:39 发布

venkychu

最新推荐文章于 2024-04-04 00:54:39 发布

阅读量1.5k

点赞数

文章标签： android import path layout 图形 java

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

在android中可以绘制出那些几何图形

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

我们先来看看效果图吧：

下面我们就来看看代码是怎么做的：

Java代码：

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

复制代码

Java代码：

package eoe.demo;
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 eoe.demo;
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代码：