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>