继承android.view.View自定义view，使用画笔绘制view示例

最新推荐文章于 2025-05-12 09:47:29 发布

原创最新推荐文章于 2025-05-12 09:47:29 发布 · 665 阅读

0 ·

CC 4.0 BY-SA版权

android 专栏收录该内容

161 篇文章

订阅专栏

本文深入探讨了如何在Android中创建自定义视图，包括XML布局加载和代码方式加载，并展示了自定义视图在界面设计中的实际应用。通过实例代码，详细解释了如何使用自定义视图实现特定的UI效果。

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

布局xml：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/testcontainer"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity" >


    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world" />


    <com.gifor.CustomView
        android:id="@+id/customView1"
        android:layout_width="100dp"
        android:layout_height="100dp" />


</LinearLayout>

activity代码：

import android.app.Activity;
import android.os.Bundle;
import android.widget.LinearLayout;

public class MainActivity extends Activity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		
		setContentView(R.layout.activity_main);
		LinearLayout ll = (LinearLayout)this.findViewById(R.id.testcontainer);//xml布局方式加载自定义view
		ll.addView(new CustomView(this));//代码方式加载自定义view
	}

}

自定义view示例代码：

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

public class CustomView extends View {
	Paint linePaint;

	public CustomView(Context context) {
		super(context);
		/*
		 *初始化画笔 
		 */
		linePaint = new Paint();
		linePaint.setColor(Color.BLUE);//设置画笔颜色
		linePaint.setAntiAlias(true);//设置画笔是否抗锯齿
		linePaint.setStrokeWidth(10);//设置画笔粗细
	}
	
	public CustomView(Context context, AttributeSet attr) {//使用xml布局绘制自定义view必须有此构造方法
		super(context, attr);
		/*
		 *初始化画笔 
		 */
		linePaint = new Paint();
		linePaint.setColor(Color.BLACK);//设置画笔颜色
		linePaint.setAntiAlias(true);//设置画笔是否抗锯齿
		linePaint.setStrokeWidth(10);//设置画笔粗细
	}

	@Override
	protected void onDraw(Canvas canvas) {
		canvas.drawLine(0, 0, this.getWidth(), this.getHeight(), linePaint);//从view左上角到view右下角画线
		canvas.drawLine(this.getWidth(), 0, 0, this.getHeight(), linePaint);//从view右上角到view左下角画线
		super.onDraw(canvas);
	}
}

由以下运行图可见，自定义view的原点(0,0)由该view的左上角开始，由该view的右下角结束