andriod studio 中自定义view

最新推荐文章于 2023-04-11 15:09:10 发布

原创最新推荐文章于 2023-04-11 15:09:10 发布 · 577 阅读

2 ·

CC 4.0 BY-SA版权

Andriod 专栏收录该内容

49 篇文章

订阅专栏

本文介绍了在Android Studio中自定义View的步骤，包括定义自定义属性、获取属性值、重写onMeasure（非必须）和关键的onDraw方法。在attrs.xml文件中声明属性，布局中使用自定义View。核心在于onDraw()方法，它使用Canvas和Paint进行2D绘图。Canvas处理画什么，Paint处理如何画。如果需要3D图形，需继承SurfaceView并使用单独线程绘制。

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

下自定义View的步骤：

1、自定义View的属性

2、在View的构造方法中获得我们自定义的属性

[ 3、重写onMesure ]

4、重写onDraw

我把3用[]标出了，所以说3不一定是必须的，当然了大部分情况下还是需要重写的。

1、自定义View的属性，首先在res/values/ 下建立一个attrs.xml ，在里面定义我们的属性和声明我们的整个样式。

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="CustomTitleView">
        <attr name="titleText" format="string" />
        <attr name="titleTextColor" format="color" />
        <attr name="titleTextSize" format="dimension"/>
    </declare-styleable>
</resources>

我们定义了字体，字体颜色，字体大小3个属性，format是值该属性的取值类型:

一共有：string,color,demension,integer,enum,reference,float,boolean,fraction,flag;不清楚的可以google一把。

然后在布局中声明我们的自定义View

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:custom="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <view.CustomTitleView
        android:layout_width="200dp"
        android:layout_height="100dp"
        custom:titleText=""
        custom:titleTextColor="#ff0000"
        android:layout_centerInParent="true"
        custom:titleTextSize="50sp"
    />
</RelativeLayout>

一定要引入"我们的命名空间

xmlns:custom="http://schemas.android.com/apk/res-auto"

2、在View的构造方法中，获得我们的自定义的样式

package view;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.util.AttributeSet;
import android.util.Log;
import android.util.TypedValue;
import android.view.View;
import com.example.administrator.myview.R;

import java.util.HashSet;
import java.util.Random;
import java.util.Set;

public class CustomTitleView extends View{
    /**
     * 文本
     */
    private String mTitleText;
    /**
     * 文本的颜色
     */
    private int mTitleTextColor;
    /**
     * 文本的大小
     */
    private int mTitleTextSize;
    /**
     * 绘制时控制文本绘制的范围
     */
    private Rect mBound;
    private Paint mPaint;
    public CustomTitleView(Context context, AttributeSet attrs) {
        super(context, attrs);
        TypedArray typearray = context.obtainStyledAttributes(attrs,R.styleable.CustomTitleView);
        int count= typearray.getIndexCount();
        mTitleText = randomText();
        for(int i=0;i<count;i++){
            int attr =typearray.getIndex(i);
            switch (attr){
                case R.styleable.CustomTitleView_titleText:
                   // mTitleText=typearray.getString(attr);
                    break;
                case R.styleable.CustomTitleView_titleTextColor:
                    mTitleTextColor=typearray.getColor(attr, Color.BLACK);
                    break;
                case R.styleable.CustomTitleView_titleTextSize:
                    mTitleTextSize = typearray.getDimensionPixelSize(attr, (int) TypedValue.applyDimension(
                            TypedValue.COMPLEX_UNIT_SP, 16, getResources().getDisplayMetrics()));
                    break;
            }
        }
        typearray.recycle();
        this.setOnClickListener(new OnClickListener()
        {
            @Override
            public void onClick(View v)
            {
                mTitleText = randomText();
                invalidate();
            }
        });
    }

    private String randomText()
    {
        Random random = new Random();
        Set<Integer> set = new HashSet<Integer>();
        while (set.size() < 4)
        {
            int randomInt = random.nextInt(10);
            set.add(randomInt);
        }
        StringBuffer sb = new StringBuffer();
        for (Integer i : set)
        {
            sb.append("" + i);
        }
        return sb.toString();
    }

    protected void onDraw(Canvas canvas)
    {
        mPaint = new Paint();
        mPaint.setTextSize(mTitleTextSize);
        mPaint.setColor(mTitleTextColor);
        mBound = new Rect();
        mPaint.getTextBounds(mTitleText, 0, mTitleText.length(), mBound);
        mPaint.setColor(Color.YELLOW);
        canvas.drawRect(0, 0, getMeasuredWidth(), getMeasuredHeight(), mPaint);
        mPaint.setColor(mTitleTextColor);
        canvas.drawText(mTitleText, getWidth() / 2 - mBound.width() / 2, getHeight() / 2 + mBound.height() / 2, mPaint);
    }

}

invalidate()是用来刷新View的，必须是在UI线程中进行工作。比如在修改某个view的显示时，调用invalidate()才能看到重新绘制的界面。invalidate()的调用是把之前的旧的view从主UI线程队列中pop掉。

绘制自定义视图里最重要的一步是重写onDraw()方法. onDraw()的参数是视图可以用来绘制自己的Canvas对象. Canvas定义用来绘制文本、线条、位图和其他图像单元. 你可以在onDraw()里使用这些方法创建你的自定义用户界面(UI).
android.graphics框架把绘图分成了两部分:
画什么, 由Canvas处理
怎么画, 由Paint处理
例如, Canvas提供画线条的方法, 而Paint提供定义线条颜色的方法. Canvas提供画矩形的方法, 而Paint定义是否用颜色填充矩形或让它为空. 简而言之, Canvas定义你可以在屏幕上画的形状, 而Paint为你画的每个形状定义颜色、样式、字体等等.
onDraw()不提供3d图形api的支持。如果你需要3d图形支持，必须继承SurfaceView而不是View，并且通过单独的线程画图。

源码下载