android 自定义view(一)

时间：2023-02-09 20:35:59

有的时候Android系统自带的控件并不能满足我们的需求，所以我们就得自己去自定义。
以前看到自定义view都感觉很高大上的样子，感觉技术应该是很牛逼的那种。虽然以前大概了解过自定义view的流程,但是没在工作中用到，也没有深入了解，闲暇之余，还是想多学点东西，毕竟这东西以后能用得到，学习的点点滴滴记录下来，方便以后查找。

一个简单地自定义view。

1.自定义view：首先是写一个类继承view，实现它的构造方法，最少要实现一个构造。

public class CustomView01 extends View{

public CustomView01(Context context) {
super(context);
    }
public CustomView01(Context context, AttributeSet attrs) {
super(context, attrs);
    }
public CustomView01(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
    }

}

2.在values文件下，新建一个自定义属性的xml,名称必须是attrs。定义自定义view的属性，我这里定义了一个String格式的mTxet和一个color格式的mColor。

<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="CustomView01">
<attr name="mTxet" format="string"/>
<attr name="mColor" format="color"/>
</declare-styleable>
</resources>

这样我们就可以在布局文件中使用了。使用我们自己定义的属性，必须在父布局文件里面添加命名空间：“xmlns:app=”http://schemas.android.com/apk/res-auto”，其中的app是一个名称，可以随便定义。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.app.lwm.myapplication.MainActivity">

<com.app.lwm.myapplication.CustomView01
 android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:mColor="@color/colorAccent"
app:mTxet="我是自定义的view"
 />
</RelativeLayout>

3.得到自定义属性的值

public CustomView01(Context context, AttributeSet attrs) {
        super(context, attrs);
        TypedArray ta = context.getTheme().obtainStyledAttributes(
                attrs,
                R.styleable.CustomView01,
0, 0);
        try {
            mTxet=ta.getString(R.styleable.CustomView01_mTxet);
            mColor=ta.getColor(R.styleable.CustomView01_mColor, Color.BLACK);
        }finally {
            ta.recycle();
        }
    }

4.初始化画笔

private void initPaint(){
        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setColor(mColor);
        mPaint.setTextSize(100);
    }

5.在ondraw方法里面画出来

@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
        canvas.drawText(mTxet,100, 100, mPaint);
    }

6.效果图
android 自定义view(一)

源码：https://github.com/lewes1103/customview
标签：

相关文章