View.onDraw(Canvas canvas)的使用

自定义View绘图实践

最新推荐文章于 2022-06-14 09:24:01 发布

原创最新推荐文章于 2022-06-14 09:24:01 发布 · 1w 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#layout #android #string #encoding #class

Android 专栏收录该内容

26 篇文章

订阅专栏

本文介绍在Android中如何通过自定义View实现绘图功能，包括定义自定义View并将其集成到Activity的方法，以及如何使用onDraw方法绘制矩形和文本。

View通过View.onDraw(Canvas canvas)来Draw.

我们可以定义自己的继承于View的TestView,然后重载View.onDraw(Canvas canvas).

对于自定义的TestView如何与Activity关联？有以下两种方式：

直接在setContentView(View view)里面加进去自定义的View：setContentView(new TestView(this)).
另外，可以在layout文件里面可以使用自定义的View(如何自定义的View为内部类，就会失效)，如：

<?xml version="1.0" encoding="utf-8"?> <FrameLayout android:layout_width="fill_parent" android:layout_height="fill_parent" xmlns:android="http://schemas.android.com/apk/res/android"> <com.android.test.TestView android:id="@+id/testview" android:layout_width="fill_parent" android:layout_height="fill_parent"/> </FrameLayout>

以下为使用onDraw(Canvas canvas)画矩形区域，及在其上画文本的实例（通过使用内部类使程序显得更加简洁，紧凑）：

package com.android.test; import android.app.Activity; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.graphics.Rect; import android.graphics.Typeface; import android.os.Bundle; import android.view.View; public class TestActivity extends Activity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(new TestView(this)); } public class TestView extends View { private Paint mPaint = new Paint(); public TestView(Context context) { super(context); } @Override protected void onDraw(Canvas canvas) { // TODO Auto-generated method stub super.onDraw(canvas); String text = "Android - 机器人"; mPaint.setColor(Color.WHITE); Paint paint = new Paint(); paint.setColor(Color.RED); String familyName = "宋体"; Typeface font = Typeface.create(familyName,Typeface.BOLD); paint.setTypeface(font); paint.setTextSize(22); canvas.drawRect(new Rect(0, 0, 320, 240), mPaint); canvas.drawText(text, 0, 100, paint); } } }

运行效果如下图：