Android继承现有控件拓展实现自定义控件textView

 更新时间:2016年04月25日 14:54:04   作者:laozhu1124  
这篇文章主要介绍了Android继承现有控件拓展实现自定义控件textView的相关资料,需要的朋友可以参考下

通常情况下,Android实现自定义控件无非三种方式。

  Ⅰ、继承现有控件,对其控件的功能进行拓展。

  Ⅱ、将现有控件进行组合,实现功能更加强大控件。

  Ⅲ、重写View实现全新的控件

  本文重点讨论继承现有控件进行拓展实现自定义控件。这是一个非常重要的自定义控件的方法,可以站在原生控件这个巨人肩膀上,拓展自身的功能,一般来说,我们可以在ondraw方法中对原生控件进行绘制。

  本文将以拓展textView为例,看我们是如何继承现有控件,来自定义一个强大控件。这个自定义控件就是带有边框文本框,并且边框与背景的颜色不一样。大体效果图是这样的:

  我们来分析一下如何实现这样的效果。我们此时应当盯上OnDraw方法,重写OnDraw方法,在OnDraw方法中分别画两个有带颜色背景矩形边框就可以了。这样,文本框就会有错落有致的层次感了。

  要有这种错落有致的效果,我们第一步要做的是定义画内边框和外边框的画笔,定义的代码如下:

private void initView() {
    mPaint1 = new Paint();
    mPaint1.setColor(Color.BLUE);
    mPaint1.setStyle(Style.FILL);

    mPaint2 = new Paint();
    mPaint2.setColor(Color.YELLOW);
    mPaint2.setStyle(Style.FILL);
  }

  我们定义了第一种画笔颜色为蓝色,画笔的填充模式为完全填充。第二种画笔颜色为黄色,同样填充模式为完全填充。

  有了不同颜色画笔之后,我们所需要做的是在OnDraw方法运用这两只画笔画不同矩形,这样代码又是这样:

canvas.drawRect(0, 0, getMeasuredWidth(), getMeasuredHeight(), mPaint1);
    canvas.drawRect(10, 10, getMeasuredWidth() - 10,
        getMeasuredHeight() - 10, mPaint2);
    canvas.save();
    canvas.translate(10, 0);
    super.onDraw(canvas);
    canvas.restore();

  我们画了两个长宽不等的矩形,并且画布平移了10个单位。这样画出来的自定义控件为:

  这个例子,非常简单,可能大家对继承原生控件还是意犹未尽的话,我们百尺竿头更进一步。做个稍微复杂点自定义TextView——带有闪烁文字的TextView。

  我们分析一下实现的思路:

  ①要实现这个效果,我们可以充分利用paint对象的shader(渲染器)对象。

  ②通过不断改变linearGradient的位置,来形成这闪烁的效果。

  有了这样的思路以后,我们首先在onSizeChanged方法初始化LinearGradient对象,和进行图形变换的矩阵对象。源代码如下:

if (mWidth == 0) {
      mWidth = getMeasuredWidth();
      if (mWidth > 0) {
        mPaint = getPaint();
        mLinearGradient = new LinearGradient(0, 0, mWidth, 0,
            new int[] { Color.GRAY, Color.GREEN, Color.GRAY }, null,
            Shader.TileMode.CLAMP);
        mPaint.setShader(mLinearGradient);
        matrix = new Matrix();
      }
    }

   我们将LinearGradient对象颜色设置为灰绿相间的线性渐变对象,颜色的平铺模式为平铺。

  然后在onDraw方法中,不断变换线性渐变对象的位置,从而就有了文字左右闪烁的效果。源代码如下:

if (matrix != null) {
      mTranslate = mTranslate + mWidth / 5;
      if (mTranslate > 2 * mWidth) {
        mTranslate = -mWidth;
      }
      matrix.setTranslate(mTranslate, 0);
      mLinearGradient.setLocalMatrix(matrix);
      postInvalidateDelayed(100);

    }

  最终形成的效果为:

  这就是自定义View三板斧之一——继承现有控件一点总结,希望对大家的学习有所帮助。

相关文章

  • 深入解读Android的Volley库的功能结构

    深入解读Android的Volley库的功能结构

    这篇文章主要介绍了Android的Volley开发框架的功能结构,Volley是Android开发中网络部分的一大利器,包含很多HTTP协议通信的相关操作,需要的朋友可以参考下
    2016-05-05
  • Android应用中使用ContentProvider扫描本地图片并显示

    Android应用中使用ContentProvider扫描本地图片并显示

    这篇文章主要介绍了Android应用中使用ContentProvider扫描本地图片并显示的方法,比调用本地图库的方法更加灵活和可定制,需要的朋友可以参考下
    2016-04-04
  • Android 给图片加上水印的示例代码(支持logo+文字)

    Android 给图片加上水印的示例代码(支持logo+文字)

    本篇文章主要介绍了Android 给图片加上水印的示例代码(支持logo+文字),具有一定的参考价值,有兴趣的可以了解一下
    2017-08-08
  • Android自定义控制条效果

    Android自定义控制条效果

    这篇文章主要为大家详细介绍了Android自定义控制条效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-07-07
  • 超实用的android自定义log日志输出工具类

    超实用的android自定义log日志输出工具类

    这篇文章主要为大家详细介绍了一个超实用的android自定义log日志输出工具类,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-01-01
  • Android 设置Edittext获取焦点并弹出软键盘

    Android 设置Edittext获取焦点并弹出软键盘

    本文主要介绍了Android设置Edittext获取焦点并弹出软键盘的实现代码。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-04-04
  • Android自定义带圆角的ImageView

    Android自定义带圆角的ImageView

    这篇文章主要为大家详细介绍了Android自定义带圆角的ImageView,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-08-08
  • Android性能优化之Bitmap图片优化详解

    Android性能优化之Bitmap图片优化详解

    在Android项目的imageview中使用大图bitmap时会占据很大的内存,而且在很多时候我们并不需要显示原图那么大的图片, 所以我们需要对图片进行优化,这篇文章主要介绍了Android性能优化之Bitmap图片优化的相关资料,需要的朋友们下面来一起看看吧。
    2017-04-04
  • Android编程之通知栏的用法小结

    Android编程之通知栏的用法小结

    这篇文章主要介绍了Android编程之通知栏的用法,结合实例形式总结分析了Android通知栏的相关操作技巧,包括发送、删除通知、自定义布局等操作实现方法,需要的朋友可以参考下
    2017-01-01
  • Android TextView预渲染研究

    Android TextView预渲染研究

    这篇文章主要介绍了Android TextView预渲染研究的相关资料,需要的朋友可以参考下
    2016-09-09

最新评论