android canvas绘制简单图形和图片

最新推荐文章于 2021-12-09 16:14:25 发布

kaitaow

最新推荐文章于 2021-12-09 16:14:25 发布

阅读量442

点赞数

CC 4.0 BY-SA版权

分类专栏： Android

本文链接：https://blog.youkuaiyun.com/foreverkoking/article/details/11607197

Android 专栏收录该内容

26 篇文章

订阅专栏

本文详细介绍了如何使用 Android Canvas 绘制矩形、圆形、扇形、直线等基本图形，并展示了如何在画布上绘制图片。通过代码实现和运行截图，读者可以深入理解 Android Canvas 的绘图原理和技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一部分

android canvas绘制简单图形

程序运行截图

代码功能

实现对矩形圆形扇形直线的绘制。

代码实现

MainActivity.java

package com.example.simplecanvas;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;

public class MainActivity extends Activity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
	}

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

}

MyView.java

package com.example.simplecanvas;

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

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

	protected void onDraw(Canvas canvas) {
		super.onDraw(canvas);
		canvas.drawColor(Color.BLACK);
		Paint paint = new Paint();
		paint.setColor(Color.RED);
		canvas.drawRect(10, 10, 110, 110, paint);
		canvas.drawText("This is TEXT", 10, 130, paint);
		RectF rf1 = new RectF(10, 130, 110, 230);
		canvas.drawArc(rf1, 0, 45, true, paint);
		canvas.drawLine(150, 10, 250, 110,paint);
		RectF rf2=new RectF(150,130,250,230);
		canvas.drawOval(rf2, paint);
	}
}

main.xml

<?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"
>
<com.example.simplecanvas.MyView
android:id="@+id/myView"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
/>
</LinearLayout>

需要注意

第一点

drawRect函数的前面2个参数是左上角的坐标。

drawText函数是字符串左下角的坐标。

第二点

在main.xml中使用自定义的View类时需要使用全称类名，在本例中就是com.example.simplecanvas.MyView

不能够直接声明为MyView

这样虽然编译时不会出错，但是运行时会出错。

第三点

drawArc方法

第二个和第三个参数分别是起始角度和扫过的角度。方向是顺时针。

第四个参数规定是否在绘制圆弧时是否使用圆形。