Vue學習筆記四 跑馬燈效果

2021-09-24 19:42:56 字數 455 閱讀 4251

目錄

跑馬燈效果

先講講跑馬燈的原理,就是一行字,會滾動,思路是這樣的,使用substring方法,乙個獲取字串的第乙個字,乙個獲取1後面所有的字,然後後+前就可以了

如下

講解一下,新學了一些知識

這個箭頭函式的作用就是讓函式內部的this等於外部的this,如果不使用箭頭函式,就會出現this不一致的問題

setinterval是計時器開啟的方法,用法就是setinterval(方法,時間)

clearinterval是清除計時器的方法,用法就是clearinterval(計時器)

就這兩個知識點是新學的,其他的都沒什麼

可以自己測試一下,我就不截動態圖了,麻煩

Vue跑馬燈效果

下面展示 doctype html en utf 8 x ua compatible content ie edge viewport content width device width,initial scale 1.0 document title vue.js script head sho...

跑馬燈效果

cgrect frame labelshow.frame frame.origin.x 180 labelshow.frame frame uiview beginanimations testanimation context null uiview setanimationduration 8....

跑馬燈效果

一句話概括,平移再畫一次。textview 預設就支援跑馬燈效果,但需要設定一些東西,滿足一些條件。但我想知道它的原理。看這效果,就是平滑移動 textview 的內容,這不就是 mscrollx 幹的嗎,結合 valueanimator 很容易就實現了。難點在於,把文字的頭部重新從右邊開始畫出來。...