美文网首页
如何实现左右和上下的跑马灯呢

如何实现左右和上下的跑马灯呢

作者: zhangwenqiang | 来源:发表于2024-01-22 01:32 被阅读0次

简单,分开实现即可。
左右的使用工具库 pod 'MarqueeLabel', :git => "https://gitee.com/AppleLibs/MarqueeLabel.git"

上下的自己使用textview实现吧,github上不去,代码太难找了。代码如下:


    // 启动上下滚动记时器
    func checkTextViewScrollable() {
        // textView是可滚动的
        if textView.contentSize.height > textView.frame.size.height {
            // 可以向上滚动
            let y = textView.contentOffset.y
            if textView.contentOffset.y < textView.contentSize.height - textView.frame.size.height {
                textView.setContentOffset(CGPoint(x: 0, y: y + 2), animated: true)
            } else {
                // 从头开始滚动
                textView.setContentOffset(CGPoint(x: 0, y: 0), animated: true)
            }
            DispatchQueue.main.asyncAfter(deadline: .now()+1) {
                self.checkTextViewScrollable()
            }
        }
    }

相关文章

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

    背景 按照产品设计,文字过长时,需要采用跑马灯显示. 如果是多行文字上下左右切换的跑马灯,可以参考《安卓实现多行文...

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

    背景介绍 因UI设计,需要实现跑马灯效果,要求在同一个位置,实现文字滚动(上下或左右). 实现方案 集成孙福生提供...

  • CSS 锯齿实现

    使用before和after伪元素的border实现 左右和上下锯齿, 左右锯齿实现 设置上下锯齿

  • HTML+CSS \01

    1、如何实现不确定宽高的盒子上下左右居中 2、如何实现不确定宽高的图片上下左右居中 3、纯css写倒三角的原理:

  • css

    1、如何实现不确定宽高的盒子上下左右居中 2、如何实现不确定宽高的图片上下左右居中 3、纯css写倒三角的原理: ...

  • iOS 跑马灯左右两边渐变效果

    项目需要实现这样跑马灯渐变效果 跑马灯效果大家都比较熟悉,这里主要说一下,左右两边渐变效果的实现方案。 一.CAL...

  • textview - 跑马灯

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

  • 动态计算跑马灯宽度及动画时间

    左右跑马灯动画 实现代码:(需要按照自己的需求修改相应样式呦~)

  • Android实现跑马灯效果

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

  • Android RecyclerView 设置item上下左右间

    如何设置item上下左右之间的间距 我们都知道RecyclerView可以根据不同发LayoutManager实现...

网友评论

      本文标题:如何实现左右和上下的跑马灯呢

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