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

该方法实现跑马灯简单,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)

}

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