Android自定义View

最新推荐文章于 2023-05-23 15:36:32 发布
最新推荐文章于 2023-05-23 15:36:32 发布
阅读量157 收藏
点赞数
分类专栏： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44270896/article/details/96012715
版权

自定义View

一、自定义View的分类

  • 继承View或者ViewGroup类，重写onDraw方法进行绘制，调用invalidate方法重新绘制，常见的有绘制钟表，绘制圆形进度条

  • 自定义组合控件，即将几种控件组合起来形成一个新的控件，这个新的组合控件就会整合了原来每一个控件的功能，常用的有自定义页面的ToolBar，自定义输入框

  • 继承某一个控件，在该控件的基础之上添加新的功能。listview上下滚动定位功能

二、构造函数

public class MyCustomView extends View {

    /**
     *   第一个构造函数
     */    
    public MyCustomView(Context context) {
          super(context, null);    
    } 
    	
    /**
     *   第二个构造函数
     */    
    public MyCustomView(Context context, AttributeSet attrs) {
          super(context, attrs, 0);
           // TODO:获取自定义属性    
    } 
    
    /**
    *   第三个构造函数
    */
    public MyCustomView(Context context, AttributeSet attrs, int defStyle) {
          super(context, attrs, defStyle);
           // TODO:获取自定义属性    
    }
    
    /**
    *  第四个构造函数
    */
    public MyCustomView(Context context,  AttributeSet attrs, int defStyleAttr, int defStyleRes) {
    	super(context, attrs, defStyleAttr, defStyleRes); 
    }

自定义View通常有四个构造函数，需要重写哪个函数，具体看如下:

  • 第一个构造函数：是在java文件中通过new对象，创建视图的时候调用，如果从中填充，则不会调用这个构造函数，参数需要一个上下文对象

  • 第二个构造函数：用于XML文件中通过ayout文件实例化使用，会把xml中的参数通过attrs带入，方法的参数除了上下文对象，还需要一个attrs（主要是获取布局文件中自定义的属性）

  • 第三个构造函数：也适用于XML文件中通过ayout文件实例化使用，与第二个构造函数的区别在于有第三个参数defStyle，它是Theme中的默认样式；

  • 第四个构造函数：只有当第三个参数为0或者没有定义defStyleAttr时，第四个参数才起作用，它是style的引用，高版本才支持，所以一般不会用到。R.style中系统为view定义了很多默认主题Theme,主题中有对某些属性的默认赋值。

在实际使用中，系统自己调用的构造函数只有一个参数和两个参数的构造函数， 三个，四个参数的构造函数，通常由我们自己去主动调用。

一般定义view时，View的四个构造函数时相互调用的，调用其中的一个内部会调用相应的其他构造函数，例如Button，Button内部指定了默认的com.android.internal.R.attr.buttonStyle

三、自定义属性

添加自定义属性主要是通过declare-styleable标签为其配置自定义属性。

具体做法是: 在res/values/目录下增加一个resources xml文件,示例如下(res/values/attrs_my_custom_view.xml):

<resources>
    <declare-styleable name="MyCustomView">
        <attr name="TextColor" format="color" />
        <attr name="Count" format="integer" />
        <attr name="bgColor" format="color" />
        <attr name="custom_attr" format="string" />
        <attr name="custom_attr1" format="string1" />
        <attr name="custom_attr2" format="string2" />
    </declare-styleable>
    <attr name="custom_attr5" format="string" />
</resources

所有resources文件中声明的属性都会在R.attr类中生成对应的成员变量:

public final class R {
    public static final class attr {
        public static final int custom_attr1=0x7f012538;
        public static final int custom_attr2=0x7f016539;
        public static final int custom_attr3=0x7f26303a;
    }
}

但是声明在标签中的属性,系统还会在R.styleable类中生成相关的成员变量:

public static final class styleable {
        public static final int[] MyCustomView = {
            0x7f012538, 0x7f016539, 0x7f26303a
        };
        public static final int MyCustomView_custom_attr1 = 0;
        public static final int MyCustomView_custom_attr2 = 1;
        public static final int MyCustomView_custom_attr3 = 2;
}

可以看出,R.styleable.MyCustomView是一个数组,其中的元素值恰好就是R.attr.custom_attr1～R.attr.custom_attr4的值.而下面的MyCustomView_custom_attr1～MyCustomView_custom_attr4正好就是其对应的索引。

四、获取自定义属性

对于在上面定义的自定义属性，我们一般在第二个构造函数或第三个构造函数中获取，下面以三个参数的构造函数为例：

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

    TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.MyCustomView);

    Color textColor= ta.getColor(R.styleable.MyCustomView_TextColor,Color.parseColor("#fff"));
    int count= ta.getInteger(R.styleable.MyCustomView_TextColor,0);
    Color bgColor = ta.getColor(R.styleable.MyCustomView_bgColor,Color.parseColor("#000"));
    String attr1 = ta.getString(R.styleable.MyCustomView_custom_attr1);
    String attr2 = ta.getString(R.styleable.MyCustomView_custom_attr2);
    String attr3 = ta.getString(R.styleable.MyCustomView_custom_attr3);
}

在上面的代码中，用到了context.obtainStyledAttributes()这个函数，可能有些人对这个函数不太了解
下面让我们去看看它的源码:

/**
 * Retrieve styled attribute information in this Context's theme.  See
 * {@link android.content.res.Resources.Theme#obtainStyledAttributes(AttributeSet, int[], int, int)}
 * for more information.
 *
 * @see android.content.res.Resources.Theme#obtainStyledAttributes(AttributeSet, int[], int, int)
 */
public final TypedArray obtainStyledAttributes(
        AttributeSet set, @StyleableRes int[] attrs) {
    return getTheme().obtainStyledAttributes(set, attrs, 0, 0);
}

注释的翻译：检索上下文主题中的样式化属性信息。看到 {@link android.content.res.Resources。主题#obtainStyledAttributes(AttributeSet, int[]， int, int)}了解更多信息。@see android.content.res.Resources。主题#obtainStyledAttributes(AttributeSet, int[]， int, int)

通过对源码的追踪,我们发现context的两个参数的obtainStyledAttributes方法最终是调用了Theme的4个参数的obtainStyledAttributes方法。让我们来看一下这个函数的源码实现:

public TypedArray obtainStyledAttributes(AttributeSet set,
        @StyleableRes int[] attrs, @AttrRes int defStyleAttr, @StyleRes int defStyleRes) {
    return mThemeImpl.obtainStyledAttributes(this, set, attrs, defStyleAttr, defStyleRes);
}

TypedArray obtainStyledAttributes( Resources.Theme wrapper,
        AttributeSet set, int[] attrs, int defStyleAttr, int defStyleRes) {
    synchronized (mKey) {
        final int len = attrs.length;
        final TypedArray array = TypedArray.obtain(wrapper.getResources(), len);

        // XXX note that for now we only work with compiled XML files.
        // To support generic XML files we will need to manually parse
        // out the attributes from the XML file (applying type information
        // contained in the resources and such).
        final XmlBlock.Parser parser = (XmlBlock.Parser) set;
        mAssets.applyStyle(mTheme, defStyleAttr, defStyleRes, parser, attrs,
                array.mDataAddress, array.mIndicesAddress);
        array.mTheme = wrapper;
        array.mXml = parser;
        return array;
    }
}

注释太长，就不给大家往出粘贴了，有兴趣的可以去看一看，

这里就不做过多的源码讲解,而是把这四个参数的含义解释给大家:

  1. AttributeSet set: 属性值的集合。

  2. int[] attrs: 我们自定义属性集合在R类中生成的int型数组.这个数组中包含了自定义属性的资源ID。

  3. int defStyleAttr: 这是当前Theme中的包含的一个指向style的引用.当我们没有给自定义View设置declare-styleable资源集合时,默认从这个集合里面查找布局文件中配置属性值.传入0表示不向该defStyleAttr中查找默认值。

  4. int defStyleRes: 这个也是一个指向Style的资源ID,但是仅在defStyleAttr为0或者defStyleAttr不为0但Theme中没有为defStyleAttr属性赋值时起作用。

由于一个属性可以在很多地方对其进行赋值,包括: XML布局文件中、decalare-styleable、theme中等,它们之间是有优先级次序的,按照优先级从高到低排序如下:

属性赋值优先级次序表:
在布局xml中直接定义 > 在布局xml中通过style定义 > 自定义View所在的Activity的Theme中指定style引用 > 构造函数中defStyleRes指定的默认值

五、主要方法

（一）、onMeasure()：用于测量子控件的宽高

普通View的MeasureSpec的创建规则
MeasureSpec在很大程度上决定了一个View的尺寸规格，大小
1、模式：exactly, at_most, unspecified：

  • Exactly ：是写出具体的dp值
  • At_most ：一般对应wrap_content,最大值不能超过父控件宽高
  • Unspecified ：一般在scrollView或者listview中,要多大就多大

2、常见的三个方法：

  • makeMeasureSpec(int size ,int mode) ：makeMeasureSpec（）方法的作用将size 和 mode 打包成一个32位的int值，之所以这样做就是为了减少内存的分配。返回值为打包成的int类型值measureSpec 。

  • getMode(int measureSpec) ：getMode是根据传入的int 类型值，解析获得模式

  • getSize(int measureSpec) ： getSize 是根据传入的int 类型值，解包成为size

注意只处理AT_MOST情况也就是wrap_content,其他情况则沿用系统的测量值即可。

setMeasuredDimension会设置View宽高的测量值，只有setMeasuredDimension调用之后，才能使用getMeasuredWidth()和getMeasuredHeight()来获取视图测量出的宽高，以此之前调用这两个方法得到的值都会是0。

如果我们不处理AT_MOST情况，那么即使设置了wrap_content，最终的效果也和match_parent一样，这是因为这种情况下，view的SpecSize就是父容器测量出来可用的大小。

（二）、onLayout()：用于摆放子控件在父控件中的位置

只有ViewGroup才能让子控件显示在自己的什么位置，也就是说，这个方法是ViewGroup和ViewGroup的子类才会有的方法：

1、getWidth()方法和getMeasureWidth()的值基本相同。
2、但getMeasureWidth()方法在measure()过程结束后就可以获取到了，而getWidth()方法要在layout()过程结束后才能获取到。
3、另外，getMeasureWidth()方法中的值是通过setMeasuredDimension()方法来进行设置的，而getWidth()方法中的值则是通过视图右边的坐标减去左边的坐标计算出来的。
4、我们在ViewGroup中重写onLayout的目的：
就是设置当前View与其所有的子View，在ViewGroup(或其继承ViewGroup的Layout)父布局当中的位置。
5、childView.getMeasuredWidth();//在onMeasure()方法之后取得View的实际宽、高
childView.getMeasuredHeight();

（三）、onDraw()： 用于绘制需要的图形
1、ondraw函数有一个参数，为canvas，是一个绘制工具 ,canvas常用的方法有:

  • drawPoint(float x, float y, Paint paint) //画点，参数一水平x轴，参数二垂直y轴，第三个参数为Paint对象。

  • drawLine(float startX, float startY, float stopX, float stopY, Paintpaint) //画线，参数一起始点的x轴位置，参数二起始点的y轴位置，参数三终点的x轴水平位置，参数四y轴垂直位置，最后一个参数为Paint 画笔对象。

  • drawRect(RectF rect, Paint paint) //绘制区域，参数一为RectF一个区域

  • drawPath(Path path, Paint paint) //绘制一个路径，参数一为Path路径对象

  • drawBitmap(Bitmap bitmap, Rect src, Rect dst, Paint paint) //贴图，参数一就是我们常规的Bitmap对象，参数二是源区域(这里是bitmap)，参数三是目标区域(应该在canvas的位置和大小)，参数四是Paint画刷对象，因为用到了缩放和拉伸的可能，当原始Rect不等于目标Rect时性能将会有大幅损失。

  • drawOval(RectF oval, Paint paint)//画椭圆，参数一是扫描区域，参数二为paint对象；

  • drawCircle(float cx, float cy, float radius,Paint paint)// 绘制圆，参数一是中心点的x轴，参数二是中心点的y轴，参数三是半径，参数四是paint对象；

  • drawArc(RectF oval, float startAngle, float sweepAngle, boolean useCenter, Paint paint)//画弧，参数一是RectF对象，一个矩形区域椭圆形的界限用于定义在形状、大小、电弧，参数二是起始角(度)在电弧的开始，参数三扫描角(度)开始顺时针测量的，参数四是如果这是真的话,包括椭圆中心的电弧,并关闭它,如果它是假这将是一个弧线,参数五是Paint对象；

  • drawText(String text, float x, floaty, Paint paint) //渲染文本，Canvas类除了上面的还可以描绘文字，参数一是String类型的文本，参数二x轴，参数三y轴，参数四是Paint对象。

2、Paint 画笔，paint 常用方法如下:

  1. setStyle(Style style) ：设置绘制模式
  2. setColor(int color) ：设置颜色
  3. setStrokeWidth(float width) ：设置线条宽度,画笔样式为空心时，设置空心画笔的宽度
  4. setTextSize(float textSize) ：设置文字大小
  5. setAntiAlias(boolean aa) ：设置抗锯齿开关
  6. setAlpha(int a) ：设置画笔的透明度[0-255]，0是完全透明，255是完全不透明
  7. setColorFilter(ColorFilter filter) ：设置图形重叠时的显示方式，下面来演示一下
  8. setARGB(int a, int r, int g, int b) ：设置画笔颜色，argb形式alpha，red，green，blue每个范围都是[0-255]
  9. setTextScaleX(float scaleX) ：设置字体的水平方向的缩放因子，默认值为1，大于1时会沿X轴水平放大，小于1时会沿X轴水平缩小
  10. setTypeface(Typeface typeface) ：设置字体样式
  11. setFakeBoldText(boolean fakeBoldText) ：设置文本粗体
  12. setStrikeThruText(boolean strikeThruText) ：设置文本的删除线
  13. setUnderlineText(boolean underlineText) ：设置文本的下划线
  14. reset() : 重置Paint
  15. setFlags(int flags) ：设置一些标志，比如抗锯齿，下划线等等
  16. setLetterSpacing(float letterSpacing) ：设置行的间距，默认值是0，负值行间距会收缩
  17. setStrokeMiter(float miter) ：当style为Stroke或StrokeAndFill时设置连接处的倾斜度，这个值必须大于0，看一下演示结果
  18. setDither(boolean dither) ：设置是否抖动，如果不设置感觉就会有一些僵硬的线条，如果设置图像就会看的更柔和一些
  19. setStrokeCap(Paint.Cap cap) ：设置线冒样式，取值有Cap.ROUND(圆形线冒)、Cap.SQUARE(方形线冒)、Paint.Cap.BUTT(无线冒)
  20. setStrokeJoin(Paint.Join join) ：设置线段连接处样式，取值有：Join.MITER（结合处为锐角）、Join.Round(结合处为圆弧)、Join.BEVEL(结合处为直线)

推荐文章：
HenCoder Android 开发进阶: 自定义 View 绘制基础
HenCoder Android 开发进阶: 自定义 View Paint 详解

GaoHuiLong_
关注
专栏目录
Android自定义View实现自动转圈效果
08-27
Android自定义View实现自动转圈效果 Android自定义View实现自动转圈效果是Android开发中的一种常见需求，通过自定义View可以实现各种复杂的UI效果。本文将详细介绍如何通过自定义View实现自动转圈效果。 一、...
Android自定义view渐变圆形动画
08-26
"Android自定义view渐变圆形动画" Android自定义view渐变圆形动画是Android开发中的一种常见需求，通过自定义View来实现渐变圆形动画，可以满足用户_Interface的需求。下面我们将详细介绍Android自定义view渐变圆形...
安卓自定义View进阶-自定义XML属性解析及R.attr和R.styleable的区别
oudetu的博客
01-19 911
自定义View中如果想通过XML文件指定参数，会直接在Res文件下新建的attr.xml，但是子节点有时候用styleable,有时候用attr。以至于对于两个一直有点傻傻分不清，今天搜索研究了几篇博客，算是有了一些眉目，所以在此记录下来，希望对看到博客的人有所帮助。——–本文内容部分参考自（http://blog.csdn.net/iispring/article/details/5070804
MFC常用的类及其成员函数简介
小伟锅的博客
08-04 1873
MFC常用类及其成员函数  CRuntimeClass结构  在CRuntimeClass结构中定义了类名、对象所占存储空间的大小、类的版本号等成员变量及动态创建对象、派生关系判断等成员函数。每一个从CObject类派生的类都有一个CRuntimeClass结构同它关联，以便完成在运行时得到对象的信息或基类的信息。  要使用CRuntimeClass结构，必须结合使用RUNTIME_CLAS
android 自定义view R.styleable爆红问题
小王同学的博客
12-21 2826
以前碰到过好多次clean解决不了的R大面积报红，可是代码没什么问题呀，layout也没什么问题没报错呀，找bug真的是毫无头绪地猜我可能是哪里错了，后来学会了耐心看logcat找有用的提示，根据提示的问题去改代码或者搜索，改bug就快好多啦（然而其实还是很慢）。今天写自定义view的时候就碰到了，所以赶快截图来记到博客里了哈哈哈。 Android出现大面积R报红的话一般是资源文件的问题，首先是用...
android 自定义viewR.styleable找不到或者是报错！
不想当码农的程序员
07-23 1万+
今天android开发用到了自定义view， 流程 自定义View的步骤： 1. attr.xml 2. 布局文件中使用 3.构造方法中获取自定义属性 4. onMeasure其中在 第三部中 TypedArray typedarray = context.obtainStyledAttributes(attrs, R.styleable.na
Android中View自定义XML属性详解以及R.attr与R.styleable的区别
孙群
03-02 4万+
为View添加自定义XML属性Android中的各种Widget都提供了很多XML属性，我们可以利用这些XML属性在layout文件中为Widget的属性赋值。如下所示：<TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:t
Android 自定义View (一)
热门推荐
Hongyang
04-21 44万+
很多的Android入门程序猿来说对于Android自定义View，可能都是比较恐惧的，但是这又是高手进阶的必经之路，所有准备在自定义View上面花一些功夫，多写一些文章。先总结下自定义View的步骤： 1、自定义View的属性 2、在View的构造方法中获得我们自定义的属性 [ 3、重写onMesure ] 4、重写onDraw 我把3用[]标出了，所以说3不一定是必须的，当然了大部分
android自定义view
最新发布
weixin_37077736的博客
05-23 844
自定义View需要对View的生命周期、绘制流程、事件分发机制等有深入的了解，同时需要具备良好的Java基础和Android开发经验。Android自定义View是指开发者们可以自己定义View的外观和功能，以满足自己的需求。2.重写onMeasure()方法，测量View的大小。3.重写onLayout()方法，确定子View的位置。5.添加自定义属性，以便在xml中设置View的属性。4.重写onDraw()方法，绘制View的内容。6.添加事件监听器，实现View的交互功能。
Android自定义View实现简单文字描边功能
08-26
"Android自定义View实现简单文字描边功能" Android自定义View是一种常见的UI组件，通过继承View类或其子类，可以实现各种自定义的UI效果。在Android开发中，自定义View是实现复杂UI效果的关键。下面将详细介绍...
Android自定义View实现旋转的圆形图片
08-28
"Android自定义View实现旋转的圆形图片" Android自定义View是Android开发的一个重要技能，用Android提供的2D/3D绘制相关类可以实现非常多炫酷的效果，需要实打实的编程基础。今天我们来实现一个旋转的圆形图片，...
android 自定义view R.styleable 爆红问题
u011652925的博客
06-04 833
找不到declare-styleable但能找到attrclean下项目  Build -&gt; Clean Project
Application的onTerminate()函数
weixin_44270896的博客
08-31 1540
Android中Application的onTerminate()函数只是用来在Android设备的模拟器中，如果application退出才会回调。但是，在产品级（即运行在Android真机设备）应用App，不会再整个App退出时候回调这个onTerminate()函数。然而试想，又有谁会开发一个App目标运行设备仅仅是模拟器而不是真机呢？开发一个App肯定是打算运行在真实的Android设备上...
MVVM架构思想
weixin_44270896的博客
09-19 1036
MVVM即Model-View-ViewModel的简写。即模型-视图-视图模型。模型（Model）指的是后端传递的数据。视图(View)指的是所看到的页面。视图模型(ViewModel)是mvvm模式的核心，它是连接view和model的桥梁。它有两个方向：一是将模型（Model）转化成视图(View)，即将后端传递的数据转化成所看到的页面。实现的方式是：数据绑定。二是将视图(View)转化成模...
Android布局优化之merge标签
weixin_44270896的博客
08-31 753
在自定义View的研究中，偶然遇到了merge标签，发现它确实有一些作用，觉得它恒有意思，想给大家分享一下。 有关Merge标签的使用 merge的使用分为几种情况： 一、merge标签嵌套在Framlayout中使用 大家在使用Framlayout，动态向Framelayout中添加Fragment，在自定义的Fragment的布局中，它的根标签就可以使用merge标签来代替，这样使用的好处是可...
Banner轮播图
weixin_44270896的博客
06-23 375
Banner轮播图 项目开发中需要一个轮播图，在Github上找了一下，最好的就是这个banner了 一、 配置 首先，需要在module的build.gradle中添加依赖： implementation 'com.youth.banner:banner:1.4.10' //轮播图 或者引用本地lib: compile project(':banner') 添加权限到 AndroidManif...
RxJava：网络请求中的线程切换
weixin_44270896的博客
07-25 340
RxJava中的线程切换 一般来说我们在使用网络请求数据后需要使用View来显示，网络请求当然是在子线程中运行，当获取到数据后就需要切换到UI线程来显示，否则会报错，RxJava中帮我们处理好了线程切换的问题。 对于线程切换，RxJava中的Observable类提供了两个接口，如下: @SchedulerSupport(SchedulerSupport.CUSTOM) public final ...
RxJava(一)、初识RxJava
weixin_44270896的博客
07-19 339
RxJava "是什么，为什么，怎么办”是认识问题的逻辑思维过程,这篇文章也是这样来解释RxJava的 RxJava是什么？ RxJava 在 GitHub 主页上的自我介绍是 “a library for composing asynchronous and event-based programs using observable sequences for the Java VM”（一个在 ...
Android自定义View深度解析
"这篇教程详细介绍了Android自定义View的概念、步骤和重要性，旨在帮助初级开发者克服对自定义View的恐惧。作者通过自身的学习经历，讲述了如何从零开始创建一个自定义View，强调了面向对象的封装、继承和多态在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值