美文网首页Android技术知识Android开发Android开发经验谈
[android]利用动画实现view跑马灯效果

[android]利用动画实现view跑马灯效果

作者: Coair_Scarlet | 来源:发表于2018-07-16 19:19 被阅读55次

    该方法实现跑马灯简单,Android框架自带

    最近接手一个项目终端机应用项目,顶部的广告条是可以滚动的跑马灯形式的文字

    产品嫌弃这个跑马灯太慢了,让我调整一下速度

    该跑马灯是用原生的TextView实现的

    android:singleLine="true"

    android:ellipsize="marquee"

    android:marqueeRepeatLimit="-1"

    //需要获取焦点 才可以正常工作

    testTx.isSelected = true

    再一番 探索之后发现,原生的TextView  "marquee"模式,并不能调整速度

    在网上搜索别人如何解决这个问题的,发现似乎不少人都遇到了,也有人写了包装好的自定义view,但是都过于复杂,需要不断重新绘制,资源占用较高,甚至降低界面帧数

    最近也在学习动画效果,遂自己用位移动画做一个.自己动手丰衣足食

    下面上代码:

    第一步:

    定义一个动画描述文件

    \res\anim\marquee.xml

    android:duration="3000"//动画用时,这个在代码里面要改

    android:fillAfter="false"

    android:fillBefore="true"

    android:fromXDelta="100%p"

    android:fromYDelta="0"

    android:interpolator="@android:anim/linear_interpolator"

    android:repeatCount="-1"

    android:repeatMode="restart"

    android:toXDelta="-100%"

    android:toYDelta="0%"

    android:duration:动画持续时长

    android:fillAfter:动画结束之后是否保持动画的最终状态;true,表示保持动画的最终状态

    android:fillBefore:动画结束之后是否保持动画开始前的状态;true,表示恢复到动画开始前的状态

    android:fromXDelta:动画开始时,在X轴方向上的位置;取值类型有三种:数字;百分比;百分比+”p”; 

    数字:例如50.0,这里的单位是px像素

    百分比:例如50%,这里是相对于自己控件宽度的百分比,实际的值是mIvImg.getWidth()*50%;

    百分比+”p”:例如50%p,这里是表示相对于自己控件的父控件的百分比,

    android:repeatCount:动画重复的次数。无限循环播放-1

    android:repeatMode:动画重复的Mode,有reverse和restart两种

    android:startOffset:动画播放延迟时长,就是调用start之后延迟多少时间播放动画

    android:toXDelta:动画移动在X轴的目标位置;取值类型和fromXDelta一样

    代码:

    helloTv是我要滚动的textView,v是我定义的调节速度的常亮

    private fun initMarquee() {

    //重新测量hello的宽度

    val w = helloTv.paint.measureText(helloTv.text.toString())

    helloTv.layoutParams.width = w.toInt()

    val animation = AnimationUtils.loadAnimation(this, R.anim.marquee).apply {

    //定制相关属性duration = (w * 10 / v).toLong()

    }

    helloTv.startAnimation(animation)

    }

    以上 就完成了,就是这么简单~~~

    相关文章

      网友评论

        本文标题:[android]利用动画实现view跑马灯效果

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