android 开发技巧(5)--使用 TextSwitcher 实现平滑过渡

如果TextView需要循环切换内容，使用setText()会立刻改变，没有动画。为了使过渡过程的视觉效果更自然，Android 提供了 TextSwitcher 和 ImageSwitcher 这两个类分别替代TextView 与 ImageView。TextSwitcher 用于为文本标签添加动画功能
使用步骤
1）通过 findViewById() 方法获取 TextSwitcher 对象的引用
switcher，当然也可以直接在代码中构造该对象。
2）通过 switcher.setFactory() 方法指定 TextSwitcher 的 ViewFactory。
3）通过 switcher.setInAnimation() 方法设置换入动画效果。
4）通过 switcher.setOutAnimation() 方法设置换出动画效果。

TextSwitcher 的工作原理
首先通过 ViewFactory 创建两个用于在 TextSwitcher 中切换的视图，每当调用 setText() 方法时，TextSwitcher 首先移除当前视图并显示 setOutAnimation() 方法设置的动画，然后并将另一个视图切换进来，并显示 setInAnimation()方法设置的动画

效果图

代码

public class Hack05Activity extends AppCompatActivity {    private static final String[] TEXTS = { "First", "Second", "Third" };    private int mTextsPosition = 0;    private TextSwitcher mTextSwitcher;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_hack05);        mTextSwitcher = (TextSwitcher) findViewById(R.id.your_textview);        mTextSwitcher.setFactory(new ViewSwitcher.ViewFactory() {            @Override            public View makeView() {                TextView t = new TextView(Hack05Activity.this);                t.setGravity(Gravity.CENTER);                return t;            }        });        mTextSwitcher.setInAnimation(this, android.R.anim.fade_in);        mTextSwitcher.setOutAnimation(this, android.R.anim.fade_out);        onSwitchText(null);    }    public void onSwitchText(View v) {        mTextSwitcher.setText(TEXTS[mTextsPosition]);        setNextPosition();    }    private void setNextPosition() {        mTextsPosition = (mTextsPosition + 1) % TEXTS.length;    }}

布局xml

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" >    <TextSwitcher  android:id="@+id/your_textview" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_centerInParent="true" />    <Button  android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:onClick="onSwitchText" android:text="Click me" /></RelativeLayout>

更多相关文章

随机推荐

android 开发技巧(5)--使 用 TextSwitcher 实现平滑过渡

更多相关文章

随机推荐

android 开发技巧(5)--使用 TextSwitcher 实现平滑过渡