Android自定義可控制速度的跑馬燈
背景
原生的TextView是支持跑馬燈效果的,但是在項目中實際用了之后,達不到需求,原因是內(nèi)容滾動太慢,速度無法調(diào)節(jié)。因此,需要自定義一個可以調(diào)節(jié)速度的跑馬燈。
思路
目前實現(xiàn)的思路是對文本內(nèi)容不斷地重繪,同時改變每次重繪的坐標,來在視覺上達到內(nèi)容在滾動的效果。缺點是如果每次改變的坐標差值太大,會有明顯的卡頓效果。經(jīng)過調(diào)試,下面源碼中的速度感覺還可以接受,如果有特殊需求,自行在調(diào)試一下。
源碼(Kotlin)
class CustomMarqueeView : AppCompatTextView { ? ? companion object { ? ? ? ? val SPEED_FAST = 9 ? ? ? ? val SPEED_MEDIUM = 6 ? ? ? ? val SPEED_SLOW = 3 ? ? } ? ? //View寬度 ? ? private var mViewWidth = 0 ? ? private var mViewHeight = 0 ? ? private var mScrollX = 0F ? ? private var mMarqueeMode = 3 ? ? private val rect = Rect() ? ? constructor(context: Context) : this(context, null) ? ? constructor(context: Context, attrs: AttributeSet?) : this(context, attrs, 0) ? ? constructor(context: Context, attrs: AttributeSet?, defStyleAttr: Int) : super( ? ? ? ? context, ? ? ? ? attrs, ? ? ? ? defStyleAttr ? ? ) { ? ? ? ? includeFontPadding = false ? ? ? ? initAttrs(context, attrs) ? ? } ? ? fun setScrollSpeed(speed: Int) { ? ? ? ? if (speed == SPEED_FAST || speed == SPEED_MEDIUM || speed == SPEED_SLOW) { ? ? ? ? ? ? mMarqueeMode = speed ? ? ? ? } ? ? } ? ? override fun onDraw(canvas: Canvas?) { ? ? ? ? val textContentText = text.toString().trim() ? ? ? ? if (TextUtils.isEmpty(textContentText)) { ? ? ? ? ? ? return ? ? ? ? } ? ? ? ? val x = mViewWidth - mScrollX ? ? ? ? val y = mViewHeight / 2F + getTextContentHeight() / 2 ? ? ? ? canvas?.drawText(textContentText, x, y, paint) ? ? ? ? mScrollX += mMarqueeMode ? ? ? ? if (mScrollX >= (mViewWidth + getTextContentWdith())) { ? ? ? ? ? ? mScrollX = 0F ? ? ? ? } ? ? ? ? invalidate() ? ? } ? ? override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) { ? ? ? ? super.onMeasure(widthMeasureSpec, heightMeasureSpec) ? ? ? ? mViewWidth = MeasureSpec.getSize(widthMeasureSpec) ? ? ? ? mViewHeight = MeasureSpec.getSize(heightMeasureSpec) ? ? } ? ?? ? ? override fun setTextColor(color: Int) { ? ? ? ? super.setTextColor(color) ? ? ? ? paint.setColor(color) ? ? } ? ? private fun initAttrs(context: Context, attrs: AttributeSet?) { ? ? ? ? val typeArray = context.obtainStyledAttributes(attrs, R.styleable.CustomMarqueeView) ? ? ? ? mMarqueeMode = ? ? ? ? ? ? typeArray.getInt(R.styleable.CustomMarqueeView_customScrollSpeed, mMarqueeMode) ? ? ? ? typeArray.recycle() ? ? } ? ? /** ? ? ?* 測量文字寬度 ? ? ?* @return 文字寬度 ? ? ?*/ ? ? private fun getTextContentWdith(): Int { ? ? ? ? val textContent = text.toString().trim() ? ? ? ? if (!TextUtils.isEmpty(textContent)) { ? ? ? ? ? ? paint.getTextBounds(textContent, 0, textContent.length, rect) ? ? ? ? ? ? return rect.width() ? ? ? ? } ? ? ? ? return 0 ? ? } ? ? /** ? ? ?* 測量文字高度 ? ? ?* @return 文字高度 ? ? ?*/ ? ? private fun getTextContentHeight(): Int { ? ? ? ? val textContent = text.toString().trim() ? ? ? ? if (!TextUtils.isEmpty(textContent)) { ? ? ? ? ? ? paint.getTextBounds(textContent, 0, textContent.length, rect) ? ? ? ? ? ? return rect.height() ? ? ? ? } ? ? ? ? return 0 ? ? } }
自定義屬性
<declare-styleable name="CustomMarqueeView"> ? <attr name="customScrollSpeed"> ? ? <enum name="fast" value="9" /> ? ? <enum name="medium" value="6" /> ? ? <enum name="slow" value="3" /> ? </attr> </declare-styleable>
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Android4.4+ 實現(xiàn)半透明狀態(tài)欄(Translucent Bars)
這篇文章主要為大家詳細介紹了Android4.4+ 實現(xiàn)半透明狀態(tài)欄,對狀態(tài)欄(Status Bar)和下方導(dǎo)航欄(Navigation Bar)進行半透明處理,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-09-09解決android有的手機拍照后上傳圖片被旋轉(zhuǎn)的問題
這篇文章主要介紹了解決android有的手機拍照后上傳圖片被旋轉(zhuǎn)的問題的相關(guān)資料,需要的朋友可以參考下2016-09-09Android實現(xiàn)點擊兩次BACK鍵退出應(yīng)用
這篇文章主要為大家詳細介紹了Android實現(xiàn)點擊兩次BACK鍵退出應(yīng)用的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-09-09Android android:exported = true 用法詳解
在本篇文章里小編給大家整理了關(guān)于Android android:exported = true 用法,需要的朋友們參考下。2019-09-09Android 中SwipeRefreshLayout與ViewPager滑動事件沖突解決方法
這篇文章主要介紹了Android 中SwipeRefreshLayout與ViewPager滑動事件沖突解決方法的相關(guān)資料,需要的朋友可以參考下2017-04-04