仿今天头条加载环境文字闪动效果

原创 2016年06月02日 10:23:33

实现原理:

这里写图片描述

对Paint设置Shade,此处用的是LinearGradient,线性渐变,构造方法指定渐变的起始坐标和终止坐标,渐变的颜色,渐变的模式,然后在绘制的时候对偏移量进行递增并设置越界返回初始点,将这个偏移量设置到Matrix矩阵对象内,然后线性渐变设置Martix,此时绘制的渐变就进行了偏移产生了闪动的效果,然后在延迟绘制,如此就进行了往复的绘制偏移,即闪动效果.

参数:

这里写图片描述

LInearGradient前几个参数都好理解,这里解释一下第三个参数,大家可以试一下看一下效果,进入头像的

Shader.TileMode.CLAMP   重复最后一个颜色至最后  
Shader.TileMode.MIRROR  重复着色的图像水平或垂直方向已镜像方式填充会有翻转效果  
Shader.TileMode.REPEAT  重复着色的图像水平或垂直方向  
要实现今日头条的效果我们只需要在onSizeChanged初始化以下方法

  private void init() {
        Paint mPaint = getPaint();
        mPaint.setAntiAlias(true);
        mPaint.setDither(true);
        mPaint.setTextSize(40);
        gradient = new LinearGradient(0, 0, getMeasuredWidth(), 0, Color.GRAY, Color.RED, Shader.TileMode.REPEAT);
        mPaint.setShader(gradient);
        matrix = new Matrix();
    }
并且ondraw中重新绘制文字

 if (matrix != null) {
            mTranslate += getMeasuredWidth() / 10;
            if (mTranslate > getMeasuredWidth() * 2) {
                mTranslate = -getMeasuredWidth();
            }
            matrix.setTranslate(mTranslate, 0);
            gradient.setLocalMatrix(matrix);
            postInvalidateDelayed(300);
        }


下面是源码链接:https://github.com/xiangzhihong/ShadeView/tree/master



版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

(android高仿系列)今日头条 --新闻阅读器 (三) 完结 、总结 篇

从写第一篇今日头条高仿系列开始,到现在已经过去了1个多月了,其实大体都做好了,就是迟迟没有放出来,因为我觉得,做这个东西也是有个过程的,我想把这个模仿中一步一步学习的过程,按照自己的思路写下来,在根据...

高仿今日头条字体渐变指示器,滑动+点击切换,如丝顺滑

今日头条的指示器很炫酷,随着你的滑动字体颜色可以逐渐的变化,实现方法主要是使用自定义控件结合ViewPager。...
  • tyyj90
  • tyyj90
  • 2015年04月26日 15:01
  • 1756

【Android】仿今日头条简单的刷新效果

点击按钮,先自动进行下拉刷新,也可以手动刷新,刷新完后,最后就多一行数据。有四个选项卡。前两天导师要求做一个给本科学生预定机房座位的app,出发点来自这里。做着做着遇到很多问题,都解决了。这个效果感觉...

Android 仿今日头条首页标题栏效果

今天带来的是仿今日头条首页的联动滑动效果,废话不多说,先上效果图: 思路: 做这个我们需要实现的效果有 1、滑动内容区域,标题栏会有变化来显示当前所处的位置。 2、点击标题栏,内容区域也会随着...

React Native之仿今日头条首页

今日头条应用想必大家应该都不陌生,绝对称得上今日之星。媒体上面已经所向披靡,PK掉微信公众号是迟早的事情,我祝今日头条再创辉煌!       首先我们先看下今日头条的首页:           ...

Android 自定义加载效果视图(loading)控件

自定义加载框汇总 AndroidProgressLayout 可根据加载情况显示提示信息的控件 GoogleProgressBar 用A...
  • T3
  • T3
  • 2017年04月11日 15:04
  • 1096

Android 自定义Dialog,文字动态加载效果。

之前在技术问答上面看到一个提问 “加载中…” 后面三个点是动态的,这么一个效果实现。想来想去,好像没想到好的处理方式。 尝试了一下,以一个最笨的方式实现了。先来看一下效果 : 我是通过自...
  • lv_fq
  • lv_fq
  • 2016年06月26日 14:08
  • 3892

Android 自定义圆形旋转进度条,仿微博头像加载效果

微博 App 的用户头像有一个圆形旋转进度条的加载效果,看上去效果非常不错,如图所示:据说 Instagram 也采用了这种效果。最近抽空研究了一下,最后实现的效果是这样:基本上能模拟出个大概,代码量...

仿 Google Reader 随滚动条滚动加载页面效果

Google阅读器上 有一个AJAXscollLoad效 果很不错,就是阅读项目时不需要翻页,浏览器滚动条往下拉到一定位置时自动加载新的一批项目进来,一直到所有项目加载完为止。对于我来说 再好...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:仿今天头条加载环境文字闪动效果
举报原因:
原因补充:

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