溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

如何在Android中利用TextView實(shí)現(xiàn)一個(gè)跑馬燈效果

發(fā)布時(shí)間：2020-12-05 16:25:26 來源：億速云 閱讀：172 作者：Leah 欄目：移動(dòng)開發(fā)

本篇文章為大家展示了如何在Android中利用TextView實(shí)現(xiàn)一個(gè)跑馬燈效果，內(nèi)容簡(jiǎn)明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。

Android自帶的跑馬燈效果不太好控制，還必須要滿足條件才能有效果，而且速度不受控制。前面我的博客中有一篇就是用Android自帶的跑馬燈效果的，但是基于不同的使用效果，這里在網(wǎng)上找到了一個(gè)更好的方法。沿用了作者的一些方法，但是添加了更好的擴(kuò)展功能，和大家一起分享。這里面有控制往左往右兩個(gè)方向的實(shí)現(xiàn)。

1、首先是簡(jiǎn)單的布局main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  xmlns:tools="http://schemas.android.com/tools" 
  android:layout_width="fill_parent" 
  android:layout_height="fill_parent" 
  android:orientation="vertical" > 
 
 
  <Button 
    android:id="@+id/start" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:onClick="start" 
    android:text="開始" /> 
 
 
  <Button 
    android:id="@+id/stop" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:onClick="stop" 
    android:text="停止" /> 
 
 
  <Button 
    android:id="@+id/startfor0" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:onClick="startFromHead" 
    android:text="重置" /> 
 
 
  <com.xuhui.customrolllight.MarqueeText 
    android:id="@+id/test" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:background="#339320" 
    android:ellipsize="marquee" 
    android:singleLine="true" 
    android:text="滾動(dòng)效果，不管多少字" 
 
    android:ellipsize = "marquee" // 跑馬燈效果，字?jǐn)?shù)不超過就不動(dòng)，超過就滾動(dòng) 
    android:textColor="#000000" 
    android:textSize="20dp" > 
  </com.xuhui.customrolllight.MarqueeText> 
 
 
</LinearLayout>

2、自定義滾動(dòng)方法MarqueeText.Java

import android.content.Context; 
import android.graphics.Canvas; 
import android.graphics.Paint; 
import android.util.AttributeSet; 
import android.widget.TextView; 
 
 
public class MarqueeText extends TextView implements Runnable { 
private int currentScrollX; // 當(dāng)前滾動(dòng)的位置 
private boolean isStop = false; 
private int textWidth; 
private boolean isMeasure = false; 
 
 
public MarqueeText(Context context) { 
super(context); 
} 
 
 
public MarqueeText(Context context, AttributeSet attrs) { 
super(context, attrs); 
} 
 
 
public MarqueeText(Context context, AttributeSet attrs, int defStyle) { 
super(context, attrs, defStyle); 
} 
 
 
@Override 
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 
// TODO Auto-generated method stub 
super.onMeasure(widthMeasureSpec, heightMeasureSpec); 
currentScrollX = this.getWidth(); 
} 
 
 
protected void onDraw(Canvas canvas) { 
super.onDraw(canvas); 
if (!isMeasure) { 
getTextWidth();// 文字寬度只需要獲取一次就可以了 
isMeasure = true; 
} 
} 
 
 
private void getTextWidth() { 
Paint paint = this.getPaint(); 
String str = this.getText().toString(); 
textWidth = (int) paint.measureText(str); 
} 
 
 
@Override 
/* 
* public void run() { currentScrollX-=2;//滾動(dòng)速度.+號(hào)表示往左邊- 
* scrollTo(currentScrollX,0); if(isStop){ return; } 
* if(getScrollX()<=-(this.getWidth())){ scrollTo(textWidth,0); 
* currentScrollX=textWidth; } postDelayed(this, 5); } 
*/ 
public void run() { 
currentScrollX += 2;// 滾動(dòng)速度.+號(hào)表示往左邊- 
scrollTo(currentScrollX, 0); 
if (isStop) { 
return; 
} 
if (getScrollX() >= (textWidth)) { 
currentScrollX = -(this.getWidth());// 當(dāng)前出現(xiàn)的位置 
} 
postDelayed(this, 1); 
} 
/*（ public void run() { 
 
 
// currentScrollX += 3;// 滾動(dòng)速度.+號(hào)表示往左邊- 
// scrollTo(currentScrollX, 0); 
 
 
if (textWidth>this.getWidth()) { 
currentScrollX += 3;// 滾動(dòng)速度.+號(hào)表示往左邊- 
scrollTo(currentScrollX, 0); 
} 
if (getScrollX() >= (textWidth)) { 
// scrollTo(this.getWidth(),0); 
currentScrollX = -(this.getWidth());// 當(dāng)前出現(xiàn)的位置 
} 
postDelayed(this, 5); 
}）這里面實(shí)現(xiàn)的是沒有省略號(hào)的效果。文字沒有超出框的長(zhǎng)度就不滾，超出就滾*/ 
 
// 開始滾動(dòng) 
public void startScroll() { 
isStop = false; 
this.removeCallbacks(this); 
post(this); 
} 
 
 
// 停止?jié)L動(dòng) 
public void stopScroll() { 
isStop = true; 
} 
 
 
// 從頭開始滾動(dòng) 
public void startFromHead() { 
currentScrollX = 0; 
startScroll(); 
} 
}

上面注釋掉的代碼是實(shí)現(xiàn)文字往右邊跑

3、下面是主程序MainActivity.java

import android.app.Activity; 
import android.os.Bundle; 
import android.view.View; 
 
 
public class MainActivity extends Activity { 
 
 
private MarqueeText test; 
@Override 
protected void onCreate(Bundle savedInstanceState) { 
super.onCreate(savedInstanceState); 
setContentView(R.layout.activity_main); 
test=(MarqueeText) findViewById(R.id.test); 
 
} 
public void start(View v){ 
test.startScroll(); 
} 
public void stop(View v){ 
test.stopScroll(); 
} 
public void startFromHead(View v){ 
test.startFromHead(); 
} 
}

上述內(nèi)容就是如何在Android中利用TextView實(shí)現(xiàn)一個(gè)跑馬燈效果，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手