Android自定义控件打造闪闪发光字体

 更新时间:2017年01月09日 16:38:18   作者:aNotFound404  
这篇文章主要为大家详细介绍了Android自定义控件打造闪闪发光字体,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

介绍

在小米的开机动画和一些欢迎界面中, 我们经常看到这种闪闪发光的流光字体。看起来很炫酷,其实实现原理相当简单,我们只需要写自定义控件继承TextView,然后使用渲染器Gradient设置颜色渐变和Paint的setShadowLayer方法设置阴影,然后不断刷新改变位移即可。

 

实现

首先写一个shineTextView类继承自TextView.

public class ShineTextView extends TextView
{

  // 线性渐变渲染 
  private LinearGradient mLinearGradient;
  //环形渐变渲染 
  private RadialGradient mRadialGradient;
  // 渲染矩阵
  private Matrix mGradientMatrix;
  // 画笔
  private Paint mPaint;
  private int mViewWidth = 0;
  // 亮度位移距离
  private int mTranslate = 0;


  public ShineTextView(Context context, AttributeSet attrs) {
    super(context, attrs);
  }

在这段代码中 ,我们定义了两个颜色渲染器

// 线性渐变渲染 
private LinearGradient mLinearGradient; 
//环形渐变渲染 
private RadialGradient mRadialGradient;

LinearGradient 是线性渐变渲染 ,代表颜色的渐变呈直线方向递变。
我们可以使用LinearGradient 来实现上面第二张图中的效果

RadialGradient 是环形渐变渲染 ,代表颜色的渐变呈圆环形递变。

我们可以使用RadialGradient 来实现上面第一张图中小米开机动画的效果。

我们通过控制mTranslate 亮度位移距离来使颜色产生动态变化的效果。

OnSizeChanged

@Override
  protected void onSizeChanged(int w, int h, int oldw, int oldh)
  {
    super.onSizeChanged(w, h, oldw, oldh);
    if (mViewWidth == 0 || mViewHeight==0)
    {
      mViewWidth = getMeasuredWidth();
      mViewHeight=getMeasuredHeight();
      if (mViewWidth > 0 || mViewHeight>0 )
      {
        mPaint = getPaint();
         // 创建RadialGradient对象 
        // 第一个,第二个参数表示渐变圆中心坐标 
        // 第三个参数表示半径 
        // 第四个,第五个,第六个与线性渲染相同 
        mRadialGradient = new RadialGradient(50, 50,30, new int[] {
            0x11FEB726, 0xffFEB726, 0x33FEB726 }, new float[] { 0,
            0.5f, 1 }, Shader.TileMode.CLAMP);

        // 创建LinearGradient对象
        // 起始点坐标(-mViewWidth, 0) 终点坐标(0,0)
        // 第一个,第二个参数表示渐变起点 可以设置起点终点在对角等任意位置 
        // 第三个,第四个参数表示渐变终点 
        // 第五个参数表示渐变颜色 
        // 第六个参数可以为空,表示坐标,值为0-1 
        // 如果这是空的,颜色均匀分布,沿梯度线。 
        // 第七个表示平铺方式 
        // CLAMP重复最后一个颜色至最后 
        // MIRROR重复着色的图像水平或垂直方向已镜像方式填充会有翻转效果 
        // REPEAT重复着色的图像水平或垂直方向 
        mLinearGradient = new LinearGradient(-mViewWidth, 0, 0, 0,
            new int[] { 0x33ffffff, 0xffffffff, 0x33ffffff },
            new float[] { 0, 0.5f, 1 }, Shader.TileMode.CLAMP);
        mPaint.setShader(mRadialGradient);
        mPaint.setColor(Color.parseColor("#ffffffff"));
        //设置字体阴影效果
        //第一个参数代表阴影的半径
        //第二个参数代表阴影在X方向的延伸像素
        //第三个参数代表阴影在Y方向的延伸像素

        mPaint.setShadowLayer(3, 2, 2, 0xFFFF00FF);
        mGradientMatrix = new Matrix();
      }
    }
  }

在OnSizeChange方法中,我们主要完成一些初始化操作,比如获取控件宽高、初始化颜色渲染器和设置字体阴影效果。

onDraw

接下来最后一步,我们只需要在onDraw方法中绘制效果,并且通过Matrix矩阵来使渐变效果产生位移就可以了。

@Override
  protected void onDraw(Canvas canvas)
  {
    super.onDraw(canvas);
    if ( mGradientMatrix != null)
    {
      mTranslateX += mViewWidth / 10;
      mTranslateY += mViewHeight / 10;
      if (mTranslateX > 2 * mViewWidth || mTranslateY >2*mViewHeight)
      {
        mTranslateX = -mViewWidth;
        mTranslateY = -mViewHeight;
      }
      mGradientMatrix.setTranslate(mTranslateX, mTranslateY);

      // mLinearGradient.setLocalMatrix(mGradientMatrix);
      mRadialGradient.setLocalMatrix(mGradientMatrix);
      postInvalidateDelayed(50);
    }
  }

源码下载:http://xiazai.jb51.net/201701/yuanma/AndroidShineText(jb51.net).rar

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Android编程之分辨率处理相关代码段合集

    Android编程之分辨率处理相关代码段合集

    这篇文章主要介绍了Android编程之分辨率处理相关代码段合集,涉及Android针对分辨率的计算与转换等相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-11-11
  • Android实现文件存储并读取的示例代码

    Android实现文件存储并读取的示例代码

    本篇文章主要介绍了Android实现文件存储的示例代码,文件内容可以分别存储在手机内存和外存中,并且都可以读去取出来,有兴趣的可以了解一下。
    2017-01-01
  • Android 解决使用SearchView时软键盘不支持actionSearch的问题

    Android 解决使用SearchView时软键盘不支持actionSearch的问题

    本文主要介绍使用SearchView时软键盘不支持actionSearch,这里提供了解决方案,希望能帮助开发Android应用的同学
    2016-07-07
  • Android实现读取扫码枪内容(条形码)

    Android实现读取扫码枪内容(条形码)

    这篇文章主要为大家详细介绍了Android实现读取扫码枪内容、条形码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • Android ProgressBar组件使用教程

    Android ProgressBar组件使用教程

    Android ProgressBar分为水平进度条和圆形进度条, 看官方的划分是Indeterminate Progress(不确定的进度) 和 Determinate Progress(决定进度)下面有2个demo一个是圆形的进度条和一个水平的进度条
    2022-11-11
  • Android ConstraintLayout约束布局使用实例介绍

    Android ConstraintLayout约束布局使用实例介绍

    ConstraintLayout是Google在Google I/O 2016大会上发布的一种新的布局容器(ViewGroup),它支持以灵活的方式来放置子控件和调整子控件的大小,下面这篇文章主要给大家介绍了关于Android中ConstraintLayout约束布局详细解析的相关资料,需要的朋友可以参考下
    2022-10-10
  • Android端实现单点登录的方法详解

    Android端实现单点登录的方法详解

    所谓单点登录就是指的同一个账户(id)不能在一个以上的设备上登录对应的用户系统(排除web端和移动端可以同时登录的情况),例如:用户m在A设备登录并保持登录状态,然后又在B设备登录,此时A应该要强制下线,m无法在A设备上继续执行用户相关的操作,下面来一起看看吧。
    2016-11-11
  • Android自定义FloatingActionButton滑动行为只隐藏不出现的问题小结

    Android自定义FloatingActionButton滑动行为只隐藏不出现的问题小结

    这篇文章主要介绍了Android自定义FloatingActionButton滑动行为只隐藏不出现的问题小结,需要的朋友可以参考下
    2017-01-01
  • 基于Android实现自动滚动布局

    基于Android实现自动滚动布局

    在平时的开发中,有时会碰到这样的场景,设计上布局的内容会比较紧凑,导致部分机型上某些布局中的内容显示不完全,或者在数据内容多的情况下,单行无法显示所有内容,这里给大家简单介绍下布局自动滚动的一种实现方式,感兴趣的朋友可以参考下
    2023-12-12
  • Android实现联动下拉框 下拉列表spinner的实例代码

    Android实现联动下拉框 下拉列表spinner的实例代码

    这篇文章介绍了Android实现联动下拉框 下拉列表spinner的实例代码,有需要的朋友可以参考一下
    2013-10-10

最新评论