安卓集成开源库MarqueeView实现跑马灯效果

背景介绍

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

实现方案

集成孙福生提供的MarqueeView开源库. 这是一个很小巧的库,代码少,效果好,github上star数量还非常高.
支持文字从上到下,从下到上,从左到右,从右到左滚动;支持设置滚动周期;支持设置文字大小、字体、颜色.

先上效果图

《安卓集成开源库MarqueeView实现跑马灯效果》 image

集成步骤

  1. 添加依赖
implementation 'com.sunfusheng:MarqueeView:1.4.1'
  1. 布局文件
<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" />
  1. 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

安卓开发技术分享: https://www.jianshu.com/p/442339952f26
点击关注专辑,查看最新技术分享
更多技术总结好文,请关注:「程序园中猿」

《安卓集成开源库MarqueeView实现跑马灯效果》

    原文作者:程序园中猿
    原文地址: https://www.jianshu.com/p/4f2bf1eb2bdf
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞