安卓实现多行文字跑马灯效果

背景介绍

因UI设计,需要实现跑马灯效果,要求在同一个位置,实现文字滚动(上下或左右).

实现方案

集成孙福生提供的MarqueeView开源库. 这是一个很小巧的库,代码少,效果好,github上star数量还非常高.

支持文字从上到下,从下到上,从左到右,从右到左滚动;支持设置滚动周期;支持设置文字大小、字体、颜色.

先上效果图

[外链图片转存失败(img-QG102JoX-1565061778288)(https://media.giphy.com/media/Ky4sEmnhpRZaWxBqy5/giphy.gif)]

集成步骤

1. 添加依赖

implementation 'com.sunfusheng:MarqueeView:1.4.1'

2. 布局文件

<com.sunfusheng.marqueeview.MarqueeView
    android:id="@+id/marqueeView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_margin="50dp"
    app:mvDirection="bottom_to_top"
    app:mvSingleLine="true"
    app:mvTextColor="#000000"
    app:mvTextSize="13sp" />

3. activity中使用

val messages = mutableListOf<String>()
messages.add("《赋得古原草送别》")
messages.add("离离原上草，一岁一枯荣。")
messages.add("野火烧不尽，春风吹又生。")
val marqueeView = findViewById<MarqueeView<String>>(R.id.marqueeView1)
marqueeView.setFlipInterval(1000)
marqueeView.startWithList(messages)

源代码

https://github.com/cxyzy1/marqueeViewDemo.git

点击关注专栏,查看最新技术分享

更多技术总结好文，请关注：「程序园中猿」