讓TextView里面的文字逐個顯示的動畫效果實現(1)

 

 

　　最近使用TextView時想要實現里面的文字逐個顯示的動畫效果，就如同打字一樣。

　　主要實現思想：新建一個TextView的派生類，先將要逐個顯示的字符串保存變量 mOriginalStr 中，然后啟動新線程，每隔一段時間使用 Handler 類對象的sendEmptyMessage(int what) 方法發送消息，讓 Handler 對象將mOriginal中的字符串逐個添加到TextView中進行顯示。

 

　　代碼實現如下：

/**
 * Created by Haoye on 2016/1/15.
 */
public class SinglyTextView extends TextView {
    private String  mOriginalStr;//------用於保存原始字符串  6     private long    mDuration = 500;//---默認顯示每個字符的時間間隔
    private int     mIndex    = 0;//-----記錄將要顯示的字符的位置  8     private Handler mHandler;
    private final int SHOW_NEXT_CHAR = 1;

　　
    public SinglyTextView(Context context){
        super(context);

        init();
        start();
    }

    public SinglyTextView(Context context, @Nullable AttributeSet attrs){
        super(context, attrs);

        init();
        start();
    }

    public SinglyTextView(Context context, @Nullable AttributeSet attrs, int defStyleAttr){
        super(context, attrs, defStyleAttr);

        init();
        start();
    }

    private void init() {
        mOriginalStr = getText().toString();//---保存字符串
        this.setText("");//-----先清空

        mHandler = new Handler(){
            @SuppressLint("HandlerLeak")
            public  void handleMessage(Message msg){
                if (msg.what == SHOW_NEXT_CHAR && mIndex < mOriginalStr.length()){
                    SinglyTextView.this.setText(SinglyTextView.this.getText(). toString()
                                               + mOriginalStr.charAt(mIndex));
                    mIndex++;
                }

            }
        };
    }

    /**
     * 設置顯示每個字符的時間間隔
     * @param duration
     */
    public void setDuration(long duration) {
        mDuration = duration;
    }

    /**
     * 啟動新線程
     */
    private void start() {
         new Thread(){
            public void run()
            {
                while (mIndex < mOriginalStr.length())
                {
                    try {
                        Thread.sleep(mDuration);
                        mHandler.sendEmptyMessage(SHOW_NEXT_CHAR);
                    }
                    catch (Exception ex){
                        ex.printStackTrace();
                    }

                }
            }
        }.start();
    }

}

 

　　為何要寫三個構造函數這么多？因為在我寫了第一個后，在xml文件中運用時出現了這個rendering problem：

　　如果不重寫后兩個構造函數，可能有些屬性就用不了，於是我就添加了上去了，反正就幾行代碼。其實在TextView 類中還有一個四個參數的構造函數，不過那個構造函數需要在API 21或以上的版本才能用。