API Demos 2.3 学习笔记 (19)-- Views-> TextSwitcher

矫情吗；* 2022-06-14 05:06 180阅读 0赞

更多精彩内容，请点击阅读：**[《API Demos 2.3 学习笔记》][API Demos 2.3]**

TextSwitcher即文字交换器，是只能包含TextView作为唯一子类型的控件，常用于屏幕上文字标签的动画切换。每次调用setText(CharSequence)，TextSwitcher会将当前文字用预定淡出动画隐藏，而将最新文字用预订淡入动画显示出来。  
下面简单介绍怎么创建和使用TextSwitcher控件。

1、首先，在布局文件中定义一个TextSwitcher控件

2、创建 Activity时，同时继承ViewSwitcher.ViewFactory接口。

public class TextSwitcher1 extends Activity implements ViewSwitcher.ViewFactory,

3、通过findViewById 实例化TextSwitcher对象

TextSwitcher mSwitcher = (TextSwitcher) findViewById(R.id.switcher);

4、通过如下设置。每次TextSwitcher的setText(CharSequence)方法 ，都会刷新页面，并调用 makeView来生成一个TextView对象,用于显示文字。

mSwitcher.setFactory(this);

//每次调用TextSwitcher的setText方法，UI主线程会调用该函数来生成一个TextView,用于显示文字。
        //这里可以加上自定义属性来自定义TextView。例如，我设置了文字的颜色为蓝色。
        public View makeView() {
            TextView t = new TextView(this);
            t.setGravity(Gravity.TOP | Gravity.CENTER_HORIZONTAL);
            t.setTextColor(Color.BLUE);
            t.setTextSize(36);
            return t;
        }

5、加载并设置TextSwitcher的淡入淡出动画。这里采用了android系统默认的淡如淡出动画，你也可以自定义动画。

//加载并设置TextSwitcher的淡入淡出动画
            Animation in = AnimationUtils.loadAnimation(this,
                    android.R.anim.fade_in);
            Animation out = AnimationUtils.loadAnimation(this,
                    android.R.anim.fade_out);
            mSwitcher.setInAnimation(in);
            mSwitcher.setOutAnimation(out);

6、最后，调用setText(CharSequence)方法 刷新界面。刷新流程参考第4条。

mSwitcher.setText(String.valueOf(mCounter));

下面我们进行实例代码解析：  
res-layout-text\_switcher\_1.xml

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical" >
    
        
        <Button
            android:id="@+id/next"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/text_switcher_1_next_text" />
    
        
        <TextSwitcher
            android:id="@+id/switcher"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />
    
    </LinearLayout>

src-com.example.android.apis.view-TextSwitcher1.java

package com.example.android.apis.view;
    
    import com.example.android.apis.R;
    
    import android.app.Activity;
    import android.graphics.Color;
    import android.os.Bundle;
    import android.view.Gravity;
    import android.view.View;
    import android.view.animation.Animation;
    import android.view.animation.AnimationUtils;
    import android.widget.Button;
    import android.widget.TextSwitcher;
    import android.widget.TextView;
    import android.widget.ViewSwitcher;
    
    /**
     * 演示如何使用 TextSwitcher 控件
     */
    public class TextSwitcher1 extends Activity implements ViewSwitcher.ViewFactory,
            View.OnClickListener {
    
        private TextSwitcher mSwitcher;
    
        private int mCounter = 0;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
    
            setContentView(R.layout.text_switcher_1);
            
            // 通过findViewById获得一个TextSwitcher对象
            mSwitcher = (TextSwitcher) findViewById(R.id.switcher);
            mSwitcher.setFactory(this);
    
            //加载并设置TextSwitcher的淡入淡出动画
            Animation in = AnimationUtils.loadAnimation(this,
                    android.R.anim.fade_in);
            Animation out = AnimationUtils.loadAnimation(this,
                    android.R.anim.fade_out);
            mSwitcher.setInAnimation(in);
            mSwitcher.setOutAnimation(out);
    
            // 通过findViewById获得一个Button对象，并设置监听器
            Button nextButton = (Button) findViewById(R.id.next);
            nextButton.setOnClickListener(this);
    
            updateCounter();
        }
    
        //Button的监听器实现代码。
        //每次点击按钮，mCounter就会加上1，并且刷新界面
        public void onClick(View v) {
            mCounter++;
            updateCounter();
        }
    
        //每次调用TextSwitcher的setText方法，都会刷新界面。
        //用淡出动画效果隐藏旧的TextView,接着用淡入效果加载新的TextView
        private void updateCounter() {
            mSwitcher.setText(String.valueOf(mCounter));
        }
    
        //每次调用TextSwitcher的setText方法，UI主线程会调用该函数来生成一个TextView,用于显示文字。
        //这里可以加上自定义属性来自定义TextView。例如，我设置了文字的颜色为蓝色。
        public View makeView() {
            TextView t = new TextView(this);
            t.setGravity(Gravity.TOP | Gravity.CENTER_HORIZONTAL);
            t.setTextColor(Color.BLUE);
            t.setTextSize(36);
            return t;
        }
    }

预览效果：

![0_1330336158874V.gif][]

欢迎大家关注我的[微信][Link 1]公众号：

[微信][Link 1]公众号：sn0wdr1am

![Center][]

[API Demos 2.3]: http://blog.csdn.net/yang_hui1986527/article/details/6707156
[0_1330336158874V.gif]: /images/20220614/97feb47df8de4483b08735dba1b25c12.png
[Link 1]: http://lib.csdn.net/base/wechat
[Center]: /images/20220614/2d7e3053b0a64fc8b4c08ae200421106.png