Android控件扫光动画,[android]利用动画实现view跑马灯效果

编程入门 行业动态 更新时间:2024-10-08 22:46:23

Android控件扫光<a href=https://www.elefans.com/category/jswz/34/1769013.html style=动画,[android]利用动画实现view跑马灯效果"/>

Android控件扫光动画,[android]利用动画实现view跑马灯效果

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

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

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

该跑马灯是用原生的TextView实现的android:singleLine="true"

android:ellipsize="marquee"

android:marqueeRepeatLimit="-1"

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

testTx.isSelected = true

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

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

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

下面上代码:

第一步:

定义一个动画描述文件

\res\anim\marquee.xmlandroid: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控件扫光动画,[android]利用动画实现view跑马灯效果

本文发布于:2024-03-08 00:12:22,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1719325.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:动画   控件   跑马灯   效果   Android

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!