自定義跑馬燈字幕滾動(dòng)

當(dāng)遇到一個(gè)通過橫幅滾動(dòng)文字來做公告通知的時(shí)候,一開始想著用TextView自帶的效果
android:ellipsize="marquee"纠永,但發(fā)現(xiàn)有很多限制條件并不能滿足需求。網(wǎng)上查了一些資料,大致有三種實(shí)現(xiàn)方式:

  1. 用原生的TextView冤吨,想辦法讓它滾動(dòng)起來
  2. 用頁面滑動(dòng)來實(shí)現(xiàn)蒿柳,利用動(dòng)畫
  3. 自定義View,通過draw來實(shí)現(xiàn)漩蟆。

我在github也找了一些垒探,但有的過于復(fù)雜,有的有很多bug怠李,都不是很滿意圾叼。所以干脆自己動(dòng)手?jǐn)]了一個(gè)簡(jiǎn)單好用的,最終選擇上述第三種方式捺癞。

國際慣例夷蚊,先上效果圖吧


image

通過繼承AppCompatTextView,然后在ondraw方法里 去掉super.onDraw(),onDraw方法代碼如下:

@Override
protected void onDraw(Canvas canvas) {
    if(TextUtils.isEmpty(mText)){
        return;
    }

    startX-=mSpeed;
    canvas.drawText(getText().toString(),startX,startY,mPaint);
    if(startX<-textWidth){
        startX = getMeasuredWidth();
    }
    if(!isStart || isStop){
        return;
    }
    invalidate();
}

自定義屬性:

<declare-styleable name="ScrollTextView">
    <attr name="scrollTextColor" format="color"/>
    <attr name="scrollSpeed">
        <enum name="slow" value="1"/>
        <enum name="normal" value="2"/>
        <enum name="fast" value="3"/>
    </attr>
</declare-styleable>

主要是通過不斷改變字符串的繪制起點(diǎn)startX髓介,反復(fù)調(diào)用onDraw進(jìn)行繪制達(dá)到 字幕滾動(dòng)的目的惕鼓。

每次改變的量通過mSpeed來控制,文字在豎直方向上的居中通過初始化計(jì)算drawText所需的 baseline參數(shù)

private float getBaseLineY(){
    Paint.FontMetrics fm = mPaint.getFontMetrics();
    textHeight = fm.bottom - fm.top;
    return getMeasuredHeight()/2 + textHeight/2 - fm.bottom;
}

然后提供了一些變量來控制唐础,開始箱歧,停止等狀態(tài):

private boolean isStop = false;
private boolean isStart = false;


public void startScroll(){
    if(View.VISIBLE!=getVisibility()){
        setVisibility(View.VISIBLE);
    }
    isStart = true;
    isStop = false;
    invalidate();

}

public void pauseScroll(){
    isStop =  true;
}

public void stopScroll(){
    isStop =  true;
    startX = getMeasuredWidth();
    setVisibility(View.GONE);
}

暫停只是讓滾動(dòng)的文字停留在當(dāng)前時(shí)刻的位置,而停止除此之外一膨,還要重置startX的值呀邢,并且隱藏控件。

還提供了一個(gè)方法豹绪,用于開啟滾動(dòng)一段時(shí)間后自動(dòng)停止消失:

public void startScrollTimer(long time){
    startScroll();
    postDelayed(new Runnable() {
        @Override
        public void run() {
            stopScroll();
        }
    },time);
}

完整代碼及用法驼鹅,可見github:

https://github.com/xiongliangshan/scrolltext

點(diǎn)擊下載demo apk

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市森篷,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌豺型,老刑警劉巖仲智,帶你破解...
    沈念sama閱讀 222,378評(píng)論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異姻氨,居然都是意外死亡钓辆,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,970評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門肴焊,熙熙樓的掌柜王于貴愁眉苦臉地迎上來前联,“玉大人,你說我怎么就攤上這事娶眷∷凄停” “怎么了?”我有些...
    開封第一講書人閱讀 168,983評(píng)論 0 362
  • 文/不壞的土叔 我叫張陵届宠,是天一觀的道長烁落。 經(jīng)常有香客問我乘粒,道長,這世上最難降的妖魔是什么伤塌? 我笑而不...
    開封第一講書人閱讀 59,938評(píng)論 1 299
  • 正文 為了忘掉前任灯萍,我火速辦了婚禮,結(jié)果婚禮上每聪,老公的妹妹穿的比我還像新娘旦棉。我一直安慰自己,他們只是感情好药薯,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,955評(píng)論 6 398
  • 文/花漫 我一把揭開白布绑洛。 她就那樣靜靜地躺著,像睡著了一般果善。 火紅的嫁衣襯著肌膚如雪诊笤。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,549評(píng)論 1 312
  • 那天巾陕,我揣著相機(jī)與錄音讨跟,去河邊找鬼。 笑死鄙煤,一個(gè)胖子當(dāng)著我的面吹牛晾匠,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播梯刚,決...
    沈念sama閱讀 41,063評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼凉馆,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了亡资?” 一聲冷哼從身側(cè)響起澜共,我...
    開封第一講書人閱讀 39,991評(píng)論 0 277
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎锥腻,沒想到半個(gè)月后嗦董,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,522評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡瘦黑,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,604評(píng)論 3 342
  • 正文 我和宋清朗相戀三年京革,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片幸斥。...
    茶點(diǎn)故事閱讀 40,742評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡匹摇,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出甲葬,到底是詐尸還是另有隱情廊勃,我是刑警寧澤,帶...
    沈念sama閱讀 36,413評(píng)論 5 351
  • 正文 年R本政府宣布经窖,位于F島的核電站供搀,受9級(jí)特大地震影響隅居,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜葛虐,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,094評(píng)論 3 335
  • 文/蒙蒙 一胎源、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧屿脐,春花似錦涕蚤、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,572評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至西疤,卻和暖如春烦粒,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背代赁。 一陣腳步聲響...
    開封第一講書人閱讀 33,671評(píng)論 1 274
  • 我被黑心中介騙來泰國打工扰她, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人芭碍。 一個(gè)月前我還...
    沈念sama閱讀 49,159評(píng)論 3 378
  • 正文 我出身青樓徒役,卻偏偏與公主長得像,于是被迫代替她去往敵國和親窖壕。 傳聞我的和親對(duì)象是個(gè)殘疾皇子忧勿,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,747評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,312評(píng)論 25 707
  • 一、Android開發(fā)初體驗(yàn) 二瞻讽、Android與MVC設(shè)計(jì)模式模型對(duì)象存儲(chǔ)著應(yīng)用的數(shù)據(jù)和業(yè)務(wù)邏輯鸳吸。模型類通常用來...
    為夢(mèng)想戰(zhàn)斗閱讀 890評(píng)論 0 3
  • 2016-7-14上午應(yīng)侯老師邀請(qǐng)參加了一場(chǎng)英語學(xué)習(xí)方法的校內(nèi)講座,主講人是全國知名的北京外國語大學(xué)的博士生導(dǎo)師韓...
    雁門員外閱讀 853評(píng)論 0 2
  • “抑郁癥”一個(gè)人坐在教室角落。 第二天快集,他沒來念書。 第三天廉白,他沒來念書个初。 一周后,“抑郁癥”不在這兒念書了猴蹂。 0...
    吾聊職場(chǎng)閱讀 639評(píng)論 2 4
  • 翻看自己以前的照片院溺,看到自己大二青春痘猛漲時(shí)候照的照片---臉真的和毀容沒有什么差別[衰][衰]老媽讓我把那些照片...
    cythniay閱讀 217評(píng)論 0 0