Android-自定义View-自定义属性、style

原创 2018年04月17日 16:14:08

思路

首先,为什么需要自定义View?

  1. 现有的View满足不了你的需求,也没有办法从已有控件派生一个出来;界面元素需要自己绘制。
  2. 现有View可以满足要求,把它做成自定义View只是为了抽象:为这个自定义View提供若干方法,方便调用着操纵View。通常做法是派生一个已有View,或者结合xml文件直接inflate。

目前常用的基本上是第二种方式,这种方式非常简单,与通常的View使用方法基本相同,但是作用却异常强大,拥有了这一层抽象,代码更加整洁也更容易维护,通过抽取自定义View的公共操作方法也减少了冗余代码,虽然简单,但不可忽视。大多数人感觉神秘的应该是第一种,自绘控件,完全自定义;但其实这两种方式归根结底全部都是自绘;不信你去看看TextView的源码。只不过通常情况下系统帮我们绘制好了一些控件给开发者使用;OK,接下来就是一个问题。在讲述之前我还是啰嗦地重申一下,复用已有View是最最常用也最有效的自定义View方式,必须熟练使用。

然后,了解自定义控件步骤

  1. 写一个自定义控件类
  2. 在res/values下建一个attrs.xml文件,增加对控件的自定义属性的定义
  3. 使用两个参数的构造方法,将变量与attrs.xml文件中的属性连接起来
  4. 在布局中使用属性
  5. 将自定义控件带到xml中

最后,需要知道自定义控件的两种方式

  1. 继承ViewGroup, 例如:ViewGroup、LinearLayout、FrameLayout、RelativeLayout等
  2. 继承View, 例如:View、TextView、ImageView、Button等。

自定义离不开基本绘制原理:

View的绘制基本上是由onMeasure()、onLayout()、onDraw()这三个函数完成

1.)测量(使用频率高)-Measure过程是计算视图大小,View measure过程相关方法主要有三个:

public final void measure(int widthMeasureSpec, int heightMeasureSpec)  
protected final void setMeasuredDimension(int measuredWidth, int measuredHeight)  
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)  
  • 1
  • 2
  • 3

measure调用onMeasure,onMeasure测量宽度、高度然后调用setMeasureDimension保存测量结果,measure,setMeasureDimension是final类型,view的子类不需要重写,onMeasure在view的子类中重写。

关于MeasureSpec: 
(1) UPSPECIFIED :父容器对于子容器没有任何限制,子容器想要多大就多大,对于控件尺寸来说,没有任何参考意义 
(2) EXACTLY父容器已经为子容器设置了尺寸,子容器应当服从这些边界,不论子容器想要多大的空间,代表的是精确的尺寸 
(3) AT_MOST子容器可以是声明大小内的任意大小,代表的是最大可获得控件

2.)布局-Layout过程用于设置视图在屏幕中显示的位置,View layout过程相关方法主要要三个:

public void layout(int l, int t, int r, int b)
protected boolean setFrame(int left, int top, int right, int bottom)
protected void onLayout(boolean changed, int left, int top, int right, int bottom)
  • 1
  • 2
  • 3

layout通过调用setFrame(l,t,r,b),l,t,r,b即子视图在父视图中的具体位置,onLayout一般只会在自定义ViewGroup中才会使用

3.)绘制-draw过程主要用于利用前两步得到的参数,将视图显示在屏幕上,到这里也就完成了整个的视图绘制工作

canvas:画布 paint:画笔

public void draw(Canvas canvas)
protected void onDraw(Canvas canvas)
  • 1
  • 2

通过调用draw函数进行视图绘制,在View类中onDraw函数是个空函数,最终的绘制需求需要在自定义的onDraw函数中进行实现,比如ImageView完成图片的绘制,如果自定义ViewGroup这个函数则不需要重载。


自定义控件示例:

这里先介绍继承View的方式为例,其实ViewGroup最终的继承的也是View。现在模拟一个需求场景,制作一个圆形。

public class WidgetZk extends View {
    private static final String TAG = "WidgetZk";
    private int mColor;

    public WidgetZk(Context context) {
        super(context);
    }

    public WidgetZk(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.WidgetZk);
        mColor= array.getColor(R.styleable.WidgetZk_color, Color.BLUE);

        array.recycle();//重复使用
        Log.e(TAG, "attrsSize调用自定义" + mColor+"色");

    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int widthMode = MeasureSpec.getMode(widthMeasureSpec);
        int heightMode = MeasureSpec.getMode(heightMeasureSpec);
        int widthSize = MeasureSpec.getSize(widthMeasureSpec);
        int heightSize = MeasureSpec.getSize(widthMeasureSpec);

        switch (widthMode) {
            case MeasureSpec.EXACTLY:

                break;
            case MeasureSpec.AT_MOST:

                break;
            case MeasureSpec.UNSPECIFIED:

                break;
        }
        Log.e(TAG, "onMeasure--widthMode-->" + widthMode);
        Log.e(TAG, "onMeasure--widthSize-->" + widthSize);
        Log.e(TAG, "onMeasure--heightMode-->" + heightMode);
        Log.e(TAG, "onMeasure--heightSize-->" + heightSize);
    }

    @Override
    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
        super.onLayout(changed, left, top, right, bottom);
        Log.e(TAG, "onLayout ");
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        int width = getWidth();
        int height = getHeight();
        Paint paint = new Paint();
        //设置自定义颜色,在xml中动态添加
        paint.setColor(mColor);
        //画圆
        canvas.drawCircle(width / 2, height / 2, width/4, paint);
        Log.e(TAG, "onDraw");
    }
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62

attrs.xml 最快了解自定义属性attrs

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="WidgetZk">
        <!--添加属性-->
        <attr name="color" format="color" />
    </declare-styleable>
</resources>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

在布局中使用

   <com.zk.customwidget.WidgetZk
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        zkbilian:color="@color/colorAccent" />
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

显示效果

这里写图片描述

Android中style内使用自定义属性

0x0001 起因 0x0002解决0x0001 起因项目要自定义控件,功能相同,但是颜色定制。自带的控件用着都没问题,结果自定义的时候,就碰到了问题。 Error:(2146, 21) No re...
  • tomlucky1024
  • tomlucky1024
  • 2017-03-08 18:10:54
  • 564

在android style文件中使用自定义属性

样式文件style里使用自定义属性
  • zouchengxufei
  • zouchengxufei
  • 2015-11-10 16:06:34
  • 4035

如何在android style文件中使用自定义属性

前几天我在项目中遇到了这样一个问题:我为项目写了一个自定义控件,这个控件会被大量复用,所以我准备在style.xml文件中定义一个style来减少重复xml布局内容的编写,但是里面有一个自定义的控件属...
  • zhufuing
  • zhufuing
  • 2014-11-24 10:06:52
  • 30006

Android:解决style文件不能使用自定义属性

今天写自定义View的时候,布局文件中属性太多,想放到style中,但是遇到一个问题,就是自定义属性不识别,报错如下: 然后我试着写了命名空间,但是还是不行,后来查了下,有人说属性之前直接...
  • jiahongyu0529
  • jiahongyu0529
  • 2017-12-03 14:32:03
  • 242

android 自定义控件 自定义属性 自定义Style详细介绍

android自定义style style是一个包含一种或者多种格式化属性的集合,我们可以将其作为一个属性用在XML布局文件的某个元素当中,比如,我们可以定义一种风格来定义文本的字号大小和颜...
  • qjbagu
  • qjbagu
  • 2013-11-26 09:51:43
  • 1095

在android style.xml文件中使用自定义属性

直接使用属性名就行了 不用加命名空间了 代码如下:
  • a631855639
  • a631855639
  • 2016-02-04 18:16:21
  • 2903

如何在styles.xml中使用控件自定义属性

开发过程中,对于通用控件的属性我们习惯在styles.xml中抽取出来,然后在用到的地方通过: style="@style/Your.Style" 引入,可以简化代码。 在Material De...
  • voiceofnet
  • voiceofnet
  • 2016-06-12 16:04:16
  • 1551

自定义View-自定义属性

贵在总结 自定义属性 声明自定义的View要使用系统已经定义的属性,格式: resources> declare-styleable name="命名空间"> a...
  • rqhua_fly
  • rqhua_fly
  • 2017-12-05 15:24:51
  • 32

自定义View-获取自定义属性

大家好,我叫Sincerly ,是一名Android Coder 俗称码农,我也是刚刚接触博客,写的不好的地方见谅。本篇文章重点是如何在自定义View中创建并使用自定义属性。 ...
  • Sincerly_12345
  • Sincerly_12345
  • 2017-02-28 12:19:18
  • 126

Android自定义View-自定义属性

自定义View的自定义属性,为了能让自定义View在xml文件中编写时可以设置自己特有的属性。用代码写界面不需要自定义属性。...
  • qq_27492019
  • qq_27492019
  • 2017-09-26 11:18:48
  • 126
收藏助手
不良信息举报
您举报文章:Android-自定义View-自定义属性、style
举报原因:
原因补充:

(最多只允许输入30个字)