美文网首页2015技术笔记
2015笔记——跑马灯

2015笔记——跑马灯

作者: 满庭花醉三千客 | 来源:发表于2018-07-27 09:54 被阅读9次

昨天看到网上的一个跑马灯效果,感觉还不错,自己亲自动手做了一个,先上代码:

全局变量:

屏幕快照 2015-12-30 10.23.26.png

init方法:

屏幕快照 2015-12-30 10.25.28.png 屏幕快照 2015-12-30 10.26.09.png

核心的方法(呕心沥血啊):

屏幕快照 2015-12-30 10.10.24.png

那么,此时问题来了,跑马灯是跑了,可是怎么停下来?以及如何停下来再继续跑?

该功能的核心代码如下:

屏幕快照 2015-12-30 10.30.17.png

为什么我会想到使用CABasicAnimation的暂停与恢复代码来控制transform?真的有效吗?

答案是:肯定有效!因为当我束手无策,不知道label的transform属于什么动画,更不知道该怎么停止label的动画时,我从打印台获取到了有效的信息!那真的让人兴奋的难以言表!

打印台信息(打印的是label):

屏幕快照 2015-12-30 10.34.23.png

红色框框里的说明了一切!

上面两个暂停与恢复方法该怎么用呢?

代码如下:

屏幕快照 2015-12-30 10.40.21.png

控件是定义好了,该怎么用呢?一句话就可以了!真的一句话!

看看ViewController的代码:

屏幕快照 2015-12-30 10.47.55.png

接下来看效果:

屏幕快照 2015-12-30 10.42.46.png

想停就停,想走就走,就是这么任性~
加油~

相关文章

  • 2015笔记——跑马灯

    昨天看到网上的一个跑马灯效果,感觉还不错,自己亲自动手做了一个,先上代码: 全局变量: init方法: 核心的方法...

  • GitHub上受欢迎的Android UI Library(下)

    跑马灯 MarqueeView★1568 - 垂直翻页公告 MarqueeViewDemo★896 - 跑马灯Vi...

  • Android 基础 UI 之 TextView

    一、显示富文本 效果图image 布局文件 逻辑代码 二、跑马灯效果 1. 横向跑马灯 效果图: 单个实现跑马灯:...

  • 你知道盗墓笔记吗?

    盗墓笔记2006年开始网络连载,07年正式出版,2015年盗墓笔记2015年,《盗墓笔记》改编成为网络剧,起初第...

  • textview - 跑马灯

    textview 的跑马灯不用说了吧,大家肯定都知道这是个啥,但是呢我还是放个图吧: 实现单个跑马灯 跑马灯的核心...

  • Kevin Learn Android:TextView

    一、显示富文本 效果图01.png 布局文件 逻辑代码 二、跑马灯效果 1. 横向跑马灯 效果图: 单个实现跑马灯...

  • TextView漏的知识点

    跑马灯效果

  • leetcode ascii码 汇总

    跑马灯效果

  • iOS 跑马灯的实现

    介绍 我们一说起跑马灯第一个想到的就是:山寨机。接下来介绍的跑马灯和那个跑马灯是不一样滴。在iOS中,跑马灯是指l...

  • Android实现跑马灯效果

    实现方式1 跑马灯相关属性 实现方式2:自定义跑马灯类 上面方式1能暂时实现跑马灯效果,但在多次点击事件之后容易失...

网友评论

    本文标题:2015笔记——跑马灯

    本文链接:https://www.haomeiwen.com/subject/hddwmftx.html