原址:http://hualang.iteye.com/category/143855
还记得有一次淘宝的电话面试的时候问了我一个关于Android的问题:如何让一个数字在组件上从0到n连续的显示变化,用到了什么方法的问题。今天将这个问题解答一下
这里,用到的是TextSwitcher,它仅仅包含子类型TextView,TextSwitcher用来使得屏幕上的Label产生动画效果,每当setText(CharSequence)被调用时,TextSwitcher使用动画方式将当前的文字内容消失并显示新的内容
下面看看实例中的使用以及效果
MainActivity.java
- package org.loulijun.android01;
- import android.app.Activity;
- 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.ViewFactory;
- public class MainActivity extends Activity implements ViewFactory {
- private TextSwitcher mSwitcher;
- private int mCounter = 0;
- @Override
- public void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- setContentView(R.layout.main);
- mSwitcher = (TextSwitcher)findViewById(R.id.switcher);
- mSwitcher.setFactory(this);
- 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);
- Button nextButton = (Button)findViewById(R.id.next);
- nextButton.setOnClickListener(new Button.OnClickListener()
- {
- @Override
- public void onClick(View v) {
- mCounter++;
- updateCounter();
- }
- });
- updateCounter();
- }
- private void updateCounter()
- {
- mSwitcher.setText(String.valueOf(mCounter));
- }
- public View makeView()
- {
- TextView t = new TextView(this);
- t.setGravity(Gravity.TOP | Gravity.CENTER_HORIZONTAL);
- t.setTextSize(36);
- return t;
- }
- }
main.xml
- <?xml version="1.0" encoding="utf-8"?>
- <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
- android:orientation="vertical"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent"
- >
- <Button android:id="@+id/next"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:text="下一个"
- />
- <TextSwitcher
- android:id="@+id/switcher"
- android:background="#00FFFF"
- android:layout_width="match_parent"
- android:layout_height="wrap_content"
- />
- </LinearLayout>
上效果图:
当然,如果要是让其自动的变换的话,可以使用一下hander或者线程,让其变化的主要是TextSwitcher组件中的setText方法。