关闭

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

1347人阅读 评论(0) 收藏 举报
分类:

实现原理:

这里写图片描述

对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



0
0
查看评论

iOS解锁界面的"滑动来解锁"闪烁动画效果

今天在github上看到个库,facebook搞的,非常简单的API就能完成你们看到的效果:每天解锁iPhone,看到底部“滑动来解锁”这个效果: 示例DEMO: 先导入#import "FBShimmeringView.h"类: - (void)viewDidLoad { ...
  • baidu_25743639
  • baidu_25743639
  • 2016-06-22 17:11
  • 1409

shimmer文字闪烁动画的使用

IOS中,手机解锁时的文字渐变闪烁效果的实现, 效果如图所示, 这里引入一个第三方类来实现效果,从code4APP上下载shimmer类,在工程文件中引入FBshimmering文件夹,在需要的文件中引入头文件 "FBShimmeringView.h" 如下设置文...
  • COOL_BEAR_XX
  • COOL_BEAR_XX
  • 2015-04-09 21:37
  • 1012

iOS UILabel闪烁字体实现

//根据@吖了个峥 写  UILabel *label = [[UILabel alloc]initWithFrame:CGRectMake(30, 15, 120,20)];     label.text = @"...
  • IBMBoss
  • IBMBoss
  • 2017-11-16 13:45
  • 200

动感的CSS3 Loading加载文字动画特效

动感的CSS3 Loading加载文字动画特效 源代码下载地址:http://www.zuidaima.com/share/1795599439350784.htm
  • yaerfeng
  • yaerfeng
  • 2016-05-29 11:48
  • 2645

仿天猫热点,淘宝头条向上自动滚动的textview

仿天猫热点,淘宝头条向上自动滚动的textview
  • Jeff169
  • Jeff169
  • 2016-05-21 11:33
  • 2034

仿淘宝首页的淘宝头条垂直滚动,因为循环滚动的是布局,所以很多向上的情况都可以用,可以先收藏起。

https://github.com/dreamlivemeng/UpMarqueeTextView-master
  • u014045181
  • u014045181
  • 2016-07-21 09:43
  • 1089

一个仿网易、今日头条的图片游览器

图片游览器的实现
  • wuyinlei
  • wuyinlei
  • 2016-04-16 12:55
  • 2588

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

点击按钮,先自动进行下拉刷新,也可以手动刷新,刷新完后,最后就多一行数据。有四个选项卡。前两天导师要求做一个给本科学生预定机房座位的app,出发点来自这里。做着做着遇到很多问题,都解决了。这个效果感觉还不错,整理一下。MainActivitypackage com.example.fragmentm...
  • bless2015
  • bless2015
  • 2016-09-14 21:18
  • 1761

android 打造炫酷导航栏(仿UC头条)

年后开始上班甚是清闲,所以想捣鼓一些东西。在翻阅大神杰作Android 教你打造炫酷的ViewPagerIndicator 不仅仅是高仿MIUI 的时候看到下面有一条评论说,如果导航栏能滑动就更好了。我就想我可以去改一下就可以。然后又想感觉有点像UC的头条的界面。于是就往里面加东西,调试写...
  • qq_16064871
  • qq_16064871
  • 2016-02-17 20:33
  • 4934

iOS开发之仿淘宝头条

之前总是使用别人封装好的类,封装好的功能,但是从来没有过多的考虑别人是如何想的.但是当自己想去封装一个控件或者类的时候,当自己也要反客为主成为类的设计者的时候,却发现自己很多都想不到,自我感觉是自己平时不注意,经验不丰富,搞一个东西没有思想在里面.之前都是为实现这个功能去"封装"...
  • James_JohnSon
  • James_JohnSon
  • 2015-03-18 20:31
  • 2958
    本人新书
    个人资料
    • 访问:2224179次
    • 积分:29369
    • 等级:
    • 排名:第209名
    • 原创:763篇
    • 转载:267篇
    • 译文:25篇
    • 评论:395条
    技术公众号
      欢迎关注我的公众号,每天为你推荐最新的博文,与大家一起学习共同进步!
    博客专栏
    站长统计
    微博
    最新评论
    本人新作

    新书