2. 程式人生 > >TextView文字特效設計----跑馬燈、閃爍文字

TextView文字特效設計----跑馬燈、閃爍文字

阿新 • • 發佈：2019-02-03

一、文字實現走馬燈的效果法一

package irdc.ScrollingText;

import android.app.Activity;import android.os.Bundle;import android.widget.TextView;

public class ScrollingText extends Activity{  public TextView t1;  /** Called when the activity is first created. */  @Override  public void onCreate(Bundle savedInstanceState)

  {    super.onCreate(savedInstanceState);    setContentView(R.layout.main);    t1= (TextView) findViewById(R.id.t1);    t1.setText("哈哈我的跑馬燈程式接下來是歌詞呵呵：沉魚落雁，閉月羞花，美的無處藏，人在身旁，如沐春光");    t1.setTextSize(30);
    t1.setHorizontallyScrolling(true);
    t1.setFocusable(true);  }}

       設定文字t1的焦點為真（意思為焦點在t1上），設定文字

t1的文字顯示能超過其顯示區域（t1.setHorizontallyScrolling(true) 設定的這行的目的是為了不讓程式自動給文字折行，使之為單行），當然這些屬性你都可以在XML檔案中定義。

接下來我們看看main.xml檔案。

<?xml version="1.0" encoding="utf-8"?><AbsoluteLayoutandroid:id="@+id/widget35"android:layout_;fill_parent"android:layout_height="fill_parent"android:background="@drawable/black"

xmlns:android="http://schemas.android.com/apk/res/android"><TextViewandroid:id="@+id/t1"android:layout_width="100px"//此處為文字顯示區域的寬度此值必須比你的文字寬度要小否則是沒有效果的android:layout_height="wrap_content"android:text="@string/str_id"android:textColor="@drawable/green"android:layout_x="61px"android:layout_y="69px"android:scrollX="2px"android:singleLine="true"android:ellipsize="marquee"android:marqueeRepeatLimit="marquee_forever"></TextView>

<ViewStub 

android:layout_y="221dip" 

android:layout_;wrap_content" 

android:layout_x="103dip" 

android:id="@+id/ViewStub01" 

android:layout_height="wrap_content">

</ViewStub></AbsoluteLayout>

       在TextView中添加了三行藍色的欄位，其中

singleLine表示TextView中文字為單行文字如果你在你的程式中設定了setHorizontallyScrolling(true)；

    關鍵之處ellipsize="marquee" 此語句表示我們將TextView設定為了一個走馬燈；

marqueeRepeatLimit="marquee_forever"  表示走馬燈的滾動效果重複的次數，你可以填一個自然數。

二、跑馬燈效果法二：

<TextView    

    android:layout_width="fill_parent"   

    android:layout_height="wrap_content"  

    android:focusable ="true"    

    android:singleLine="true"  

    android:ellipsize="marquee"  

    android:marqueeRepeatLimit="marquee_forever"   

    android:focusableInTouchMode="true"  

    android:scrollHorizontally="true"  

    android:textSize="24dp"  

    android:text="@string/hello"  

    android:background="@drawable/bg"  

    />  

<!--啟用焦點-->  

 android:focusable="true"    

<!--單行顯示-->  

android:singleLine="true"  

<!--這裡設定為超出文字後滾動顯示-->  

android:ellipsize="marquee"  

<!--這個是設定滾動幾次，這裡是無限迴圈-->  

    android:marqueeRepeatLimit="marquee_forever"         

<!--TouchMode模式的焦點啟用-->  

android:focusableInTouchMode="true"  

 <!--橫向超出後是否有橫向滾動條-->  

android:scrollHorizontally="true" 

mText.setText(msgs);//設定顯示內容
mText.setSpeed(msgSpeed);//設定速度
mText.setDelayed(msgDelay);//設定時間間隔
mText.startScroll();

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=0;// 初始滾動的位置
private int firstScrollX=0;
private boolean isStop = false;
private int textWidth;
private int mWidth=0; //控制元件寬度
private int speed=2;
private int delayed=1000;
private int endX; //滾動到哪個位置
private boolean isFirstDraw=true; //當首次或文字改變時重置


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 onDraw(Canvas canvas) {
super.onDraw(canvas);
if(isFirstDraw){
getTextWidth();
firstScrollX=getScrollX(); //起始位置不一定為0,改變內容後會變，需重新賦值
currentScrollX=firstScrollX;
mWidth=this.getWidth();
endX=firstScrollX+textWidth-mWidth/2;
isFirstDraw=false;
}
}

//每次滾動幾點

public void setSpeed(int sp){
speed=sp;
}

//滾動間隔時間,毫秒

public void setDelayed(int delay){
delayed=delay;
}
/**
* 獲取文字寬度
*/
private void getTextWidth() {
Paint paint = this.getPaint();
String str = this.getText().toString();
textWidth = (int) paint.measureText(str);
}

@Override
public void run() {
//currentScrollX += 1;// 滾動速度
currentScrollX += speed;// 滾動速度,每次滾動幾點
scrollTo(currentScrollX, 0);
if (isStop) {
return;
}
//從頭開始
if (currentScrollX >= endX) {
//scrollTo(0, 0);
//currentScrollX = 0; //原文重置為0,發現控制元件所放的位置不同，初始位置不一定為0
scrollTo(firstScrollX,0);
currentScrollX=firstScrollX;
postDelayed(this,4000);
}else{
postDelayed(this, delayed);}
}

@Override
protected void onTextChanged(CharSequence text, int start, int lengthBefore,int lengthAfter) {

isStop=true; //停止滾動
this.removeCallbacks(this); //清空佇列
currentScrollX=firstScrollX; //滾動到初始位置
this.scrollTo(currentScrollX, 0);
super.onTextChanged(text, start, lengthBefore, lengthAfter);
isFirstDraw=true; //需重新設定引數
isStop=false;
postDelayed(this,4000); //頭部停4秒

}
// 開始滾動
public void startScroll() {
isStop = false;
this.removeCallbacks(this);
postDelayed(this,4000);
}
// 停止滾動
public void stopScroll() {
isStop = true;
}
// 從頭開始滾動
public void startFor0() {
currentScrollX = 0;
startScroll();
}
}

   三、PS：閃爍文字的製作

例一：    

private boolean change = false;

    TextView touchScreen = (TextView)findViewById(R.id.touchscreen);//獲取頁面textview物件

    Timer timer = new Timer();

    timer.schedule(task,1,300);  //引數分別是delay（多長時間後執行），duration（執行間隔）

    TimerTask task = new TimerTask(){           public void run() {               runOnUiThread(new Runnable(){               public void run() {          if(change){        change = false;        touchScreen.setTextColor(Color.TRANSPARENT); //這個是透明，=看不到文字       }else{        change = true;        touchScreen.setTextColor(Color.RED);       }               }});               }       };

方法一:Handler+Thread

package com.xunfang.handerDemo;  

import android.app.Activity;  

import android.os.Bundle;  

import android.os.Handler;  

import android.os.Message;  

import android.widget.TextView;  

/** 

 * handler定時器 

 *  

 * @author Smalt 

 *  

 */  

public class HanderDemoActivity extends Activity {  

    TextView tvShow;  

    private int i = 0;  

    @Override  

    public void onCreate(Bundle savedInstanceState) {  

        super.onCreate(savedInstanceState);  

        setContentView(R.layout.main);  

        tvShow = (TextView) findViewById(R.id.tv_show);  

        new Thread(new ThreadShow()).start();  

    }  

    // handler類接收資料  

    Handler handler = new Handler() {  

        public void handleMessage(Message msg) {  

            if (msg.what == 1) {  

                tvShow.setText(Integer.toString(i++));  

                System.out.println("receive....");  

            }  

        };  

    };  

    // 執行緒類  

    class ThreadShow implements Runnable {  

        @Override  

        public void run() {  

            // TODO Auto-generated method stub  

            while (true) {  

                try {  

                    Thread.sleep(1000);  

                    Message msg = new Message();  

                    msg.what = 1;  

                    handler.sendMessage(msg);  

                    System.out.println("send...");  

                } catch (Exception e) {  

                    // TODO Auto-generated catch block  

                    e.printStackTrace();  

                    System.out.println("thread error...");  

                }  

            }  

        }  

    }  

} 

方法二:Handler類自帶的postDelyed

package com.xunfang.handerDemo;  

import android.app.Activity;  

import android.os.Bundle;  

import android.os.Handler;  

import android.widget.TextView;  

/** 

 * handler定時器使用postDelyed實現 

 *  

 * @author Smalt 

 *  

 */  

public class HanderDemoActivity extends Activity {  

    TextView tvShow;  

    private int i = 0;  

    private int TIME = 1000;  

    @Override  

    public void onCreate(Bundle savedInstanceState) {  

        super.onCreate(savedInstanceState);  

        setContentView(R.layout.main);  

        tvShow = (TextView) findViewById(R.id.tv_show);  

        handler.postDelayed(runnable, TIME); //每隔1s執行  

    }  

    Handler handler = new Handler();  

    Runnable runnable = new Runnable() {  

        @Override  

        public void run() {  

            // handler自帶方法實現定時器  

            try {  

                handler.postDelayed(this, TIME);  

                tvShow.setText(Integer.toString(i++));  

                System.out.println("do...");  

            } catch (Exception e) {  

                // TODO Auto-generated catch block  

                e.printStackTrace();  

                System.out.println("exception...");  

            }  

        }  

    };  

}

方法三:Handler+Timer+TimerTask

package com.xunfang.handerDemo;  

import java.util.Timer;  

import java.util.TimerTask;  

import android.app.Activity;  

import android.os.Bundle;  

import android.os.Handler;  

import android.os.Message;  

import android.widget.TextView;  

/** 

 * 定時器實現:Handler+Timer+TimerTask 

 *  

 * @author Smalt 

 *  

 */  

public class HanderDemoActivity extends Activity {  

    TextView tvShow;  

    private int i = 0;  

    private int TIME = 1000;  

    @Override  

    public void onCreate(Bundle savedInstanceState) {  

        super.onCreate(savedInstanceState);  

        setContentView(R.layout.main);  

        tvShow = (TextView) findViewById(R.id.tv_show);  

        timer.schedule(task, 1000, 1000); // 1s後執行task,經過1s再次執行  

    }  

    Handler handler = new Handler() {  

        public void handleMessage(Message msg) {  

            if (msg.what == 1) {  

                tvShow.setText(Integer.toString(i++));  

            }  

            super.handleMessage(msg);  

        };  

    };  

    Timer timer = new Timer();  

    TimerTask task = new TimerTask() {  

        @Override  

        public void run() {  

            // 需要做的事:傳送訊息  

            Message message = new Message();  

            message.what = 1;  

            handler.sendMessage(message);  

        }  

    };  

相關推薦

TextView文字特效設計----跑馬燈、閃爍文字

一、文字實現走馬燈的效果法一 package irdc.ScrollingText; import android.app.Activity;import android.os.Bundle;import android.widget.TextView; public cl

Android 自定義跑馬燈 實現超長文字，滾動完當前在繼續切換下一條

1 前言 最近專案上有一個跑馬燈的需求。 需求： 無限滾動，可以自動切換下一條 如果當前的文字超過一屏，則滾動完當前再切換下一條 第一點很簡單，但是第二點就比較蛋疼了，看了網上很多輪子都沒有太合適的，於是自己寫了一個。 記錄總結一下Android 跑馬燈的

Android 小樣之TextView橫向滾動（跑馬燈效果）

偶爾做app的時候由於文字過多，但是又不想換行顯示，影響整體佈局效果，可以使用文字橫向滾動效果。 使用繼承Android原生TextView控制元件實現 設定xml檔案TextView屬性

HTML 實現文字滾動效果(跑馬燈)

語法： <marquee>...</marquee> 說明： 在 marquee 標記之間新增要進行滾動的內容 重要屬性： 1.滾動方向direction（包括4個值：up、 down、 left和 right） <marquee dire

TextView屬性大全及跑馬燈效果

TextView控制元件常見屬性： android:autoLink ：設定是否當文字為URL連結/email/電話號碼/map時，文字顯示為可點選的連結。可選值(none/web /email/phone/map/all) android:autoTex

Android——TextView實現真正的跑馬燈效果

　　android 應用有時候需要做一個廣告欄，可以做文字閃爍，跑馬燈等效果，文字閃爍可以放線上程裡面執行，多少秒過後設定文字的TextColor即可，跑馬燈效果很少接觸，之前寫了一個demo，但是實現的效果不是自己想要的，普遍的跑馬燈效果直接在layout裡面

TextView控制元件的跑馬燈顯示

 跑馬燈顯示就是讓TextView控制元件中的文字滾動起來，為實現跑馬燈的效果，有以下幾種方法： 1.呼叫 setMovementMethod()方法     private TextView tex

文字水平滾動(跑馬燈)——方法1

jquery外掛版： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.

文字的跑馬燈特效

posit html 100% ans 1.5 keyframes () tle linear 上學時同學有個來電帶跑馬燈的手機，可把我羨慕壞了，可等我買的起手機時，跑馬燈不流行了，甚傷蘿蔔心！ 今天就用CSS做個文字的跑馬燈特效，緬懷一下本蘿蔔逝去的青春！ 道具：會敲代碼

Android實現textview文字滾動顯示（跑馬燈效果）

自定義Textview並對其進行改造,主要目的是讓textview獲取焦點，這樣文字才能滾動起來 public class MyTextView extends android.support.v7

JavaScript 一個文字跑馬燈程式碼實現 可以設定文字內容、左右滾動方向、文字大小和顏色、滾動速度

JavaScript 一個文字跑馬燈程式碼實現，可以設定文字內容、左右滾動方向、文字大小及顏色、滾動速度，暫停和繼續播放。這是一個比較簡單，甚至完全可以用css實現，其實就是滿足小朋友興趣愛好寫的這麼一個demo。看似簡單，其實這裡還是有些實現細節需要注意，所以就跟大家分享下。 1、頁面

TextView 跑馬燈特效

做開發，沒效果就是扯淡， 直接來效果圖 1.自定義textView package com.umeng.soexample.pmd; import android.content.Context; import android.graphics.Rect; import andro

一個Android文字輪播控制元件，實現了可垂直跑、可水平跑的跑馬燈

Android文字輪播控制元件 現在的絕大數APP特別是類似淘寶京東等這些大型APP都有文字輪播介面，實現迴圈輪播多個廣告詞等功能；這種控制元件俗稱“跑馬燈”，而TextBannerView已經實現了可垂直跑、可水平跑的跑馬燈了。 效果圖 Attribute

Java 簡單的文字跑馬燈特效

  package com.image import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.Image; import java.awt.Toolkit

Android TextView文字橫向自動滾動(跑馬燈)

TextView實現文字滾動需要以下幾個要點： 1.文字長度長於可顯示範圍：android:singleLine=”true” 2.設定可滾到，或顯示樣式：android:ellipsize=”marquee” 3.TextView只有在獲取焦點後才會滾動

一、Android 實現兩個TextView跑馬燈效果

超長的文字在有限的佈局中，實現一行迴圈顯示？如果是隻有一個TextView實現跑馬燈效果可以簡單使用以下方式來實現： <TextView android:layout_width="wrap_content" android:layout

adnroid textview設定文字橫向自動滾動（跑馬燈效果）

關於textview設定文字橫向自動滾動（跑馬燈效果）文章，雖然網上有，但我看了下，描述的正確的只有一篇，因為我覺得自己再寫一篇，方便自己和大家以後方便使用 先上效果圖： 程式碼如下： &

Android跑馬燈特效之動態實現多個文字同時一起滾動

       最近做直播專案，有個跑馬燈效果，剛開始用原生的TextView實現，給產品一看，果斷被否定了，於是自定義了一個MarqueeTextView可以自動獲得焦點，加入足夠多的文字的自己就跑動起來了，於是又拿給產品，說是有五個廣告文

Android：TextView文字橫向自動滾動(跑馬燈)

< LinearLayoutxmlns:android =“http://schemas.android.com/apk/res/android”android:orientation =“vertical”android:gravity =“center_vertical”android:backg

TextView文字跑馬燈效果

專案中要用到跑馬燈效果，如下： 雖說看起來挺簡單，但還是踩了好幾個坑，故此記錄一下。 剛開始的時候以為設定以下兩個引數就好： android:lines="1" android:ellipsize="marquee" “ellipsize”引數代