美文网首页
跑马灯功能实现

跑马灯功能实现

作者: NirvanaReborn凯 | 来源:发表于2018-12-04 14:09 被阅读0次

平时遇到在首页上部展示一行文字,但是文字又很长无法只使用一行来展示,类似淘宝店铺的活动通知,滚动展示完整的一句话语。一般滚动的话我们肯定会想要通过对外的接口来改变滚动的速度,因此首先我们自定义一个view,声明一个对外的接口,传需要的数据,比如内容、字体颜色、背景颜色、滚动速度等.

取出对外接口中的颜色等值并赋值给自定义view声明的私有变量,方便UI的更新

给bgview添加一个layer蒙层,使bgview上label暴露在bgview外部的字不再显现出来(因为label设置的是sizeToFit,所以label的宽度会根据字符串的长度来调整,若不设此蒙层还是会显现出来,达不到移动的效果)

接下去就是给label添加动画

这样就完成了封装,在controller里使用时操作很easy

demo链接:GitHub地址

相关文章

  • 跑马灯功能实现

    平时遇到在首页上部展示一行文字,但是文字又很长无法只使用一行来展示,类似淘宝店铺的活动通知,滚动展示完整的一句话语...

  • vue 跑马灯

    有个需求需要实现跑马灯功能,找了一下,基本都是复制黏贴和js实现。还是自己写个吧vue项目

  • iOS 滚动显示文字

    跑马灯效果滚动显示文字 在网上搜了好多跑马灯效果都能实现,但是看了具体的代码,感觉好复杂的样子,因为很小的一个功能...

  • Android实现跑马灯效果

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

  • 2020-02-04

    vue实现跑马灯

  • iOS 局部跑马灯效果实现

    前言 开发时有一个需求是实现跑马灯效果,其实跑马灯还是比较容易实现的,但是这个是一个局部范围的跑马灯,平时使用的都...

  • Android菜鸟起飞|自定义TextView实现跑马灯效果(滚

    单行TextView实现跑马灯效果的简单方法 代码如下: 但是这样的方法只能实现单行的跑马灯TextView,多行...

  • 跑马灯,直播间超跑,公告。 文本替换功能 可控制停留时间,控制速

    跑马灯,直播超跑 跑马灯功能 文本替换功能 可控制停留时间,控制速度 第一次上传GitHub 希望能给个star ...

  • Android-TextView跑马灯探秘

    前言 自定义View实现的跑马灯一直没有实现类似 Android TextView 的跑马灯首尾相接的效果,所以一...

  • Android 基础 UI 之 TextView

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

网友评论

      本文标题:跑马灯功能实现

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