快捷導(dǎo)航

android實(shí)現(xiàn)上下滾動(dòng)的TextView

更新時(shí)間：2013年05月22日 11:36:00 作者：

android實(shí)現(xiàn)上下滾動(dòng)的TextView，需要的朋友可以參考一下

一說(shuō)明
這里重要應(yīng)用類 AutoTextView，這是一個(gè)自定義的類，繼承至TextSwitcher，下面臨 AutoTextView類做簡(jiǎn)要說(shuō)明：

1. 該類應(yīng)用的重點(diǎn)，在于設(shè)置兩個(gè)動(dòng)畫， setInAnimation(...) 和 setOutAnimation(...)，分離是文字進(jìn)入的動(dòng)畫和文字退出的動(dòng)畫；

2. 類中定義了一個(gè)外部類-Rotate3dAnimation，重要靠該類實(shí)現(xiàn)文字進(jìn)出動(dòng)畫，該外部類繼承至Animation。說(shuō)來(lái)偶合，這個(gè)恰好是在apiDemo中看到了，自定義Animation我還是第一次應(yīng)用，動(dòng)畫邏輯均在void applyTransformation(float interpolatedTime, Transformation t)中實(shí)現(xiàn)，代碼相當(dāng)鋒利，我在原來(lái)的基礎(chǔ)上，更改了一下，實(shí)現(xiàn)了上述的效果，

二代碼部分：
1.AutoTextView.java

復(fù)制代碼代碼如下:

package com.example.animtextview;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Camera;
import android.graphics.Matrix;
import android.util.AttributeSet;
import android.view.Gravity;
import android.view.View;
import android.view.animation.AccelerateInterpolator;
import android.view.animation.Animation;
import android.view.animation.Transformation;
import android.widget.TextSwitcher;
import android.widget.TextView;
import android.widget.ViewSwitcher;

public class AutoTextView extends TextSwitcher implements
ViewSwitcher.ViewFactory {

private float mHeight;
private Context mContext;
//mInUp,mOutUp分離構(gòu)成向下翻頁(yè)的進(jìn)出動(dòng)畫
private Rotate3dAnimation mInUp;
private Rotate3dAnimation mOutUp;

//mInDown,mOutDown分離構(gòu)成向下翻頁(yè)的進(jìn)出動(dòng)畫
private Rotate3dAnimation mInDown;
private Rotate3dAnimation mOutDown;

public AutoTextView(Context context) {
this(context, null);
// TODO Auto-generated constructor stub
}

public AutoTextView(Context context, AttributeSet attrs) {
  super(context, attrs);
  // TODO Auto-generated constructor stub
  TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.auto3d);
  mHeight = a.getDimension(R.styleable.auto3d_textSize, 36);
  a.recycle();
  mContext = context;
  init();
}

private void init() {
  // TODO Auto-generated method stub
  setFactory(this);
  mInUp = createAnim(-90, 0 , true, true);
  mOutUp = createAnim(0, 90, false, true);
  mInDown = createAnim(90, 0 , true , false);
  mOutDown = createAnim(0, -90, false, false);
  //TextSwitcher重要用于文件切換，比如從文字A 切換到文字 B，
  //setInAnimation()后，A將執(zhí)行inAnimation，
  //setOutAnimation()后，B將執(zhí)行OutAnimation
        setInAnimation(mInUp);
        setOutAnimation(mOutUp);
}

private Rotate3dAnimation createAnim(float start, float end, boolean turnIn, boolean turnUp){
        final Rotate3dAnimation rotation = new Rotate3dAnimation(start, end, turnIn, turnUp);
        rotation.setDuration(800);
        rotation.setFillAfter(false);
        rotation.setInterpolator(new AccelerateInterpolator());
        return rotation;
}

//這里返回的TextView，就是我們看到的View
@Override
public View makeView() {
  // TODO Auto-generated method stub
  TextView t = new TextView(mContext);
  t.setGravity(Gravity.CENTER);
  t.setTextSize(mHeight);
  t.setMaxLines(2);
  return t;
}
//定義動(dòng)作，向下滾動(dòng)翻頁(yè)
public void previous(){
  if(getInAnimation() != mInDown){
   setInAnimation(mInDown);
  }
  if(getOutAnimation() != mOutDown){
   setOutAnimation(mOutDown);
  }
}
//定義動(dòng)作，向上滾動(dòng)翻頁(yè)
public void next(){
  if(getInAnimation() != mInUp){
   setInAnimation(mInUp);
  }
  if(getOutAnimation() != mOutUp){
   setOutAnimation(mOutUp);
  }
}

class Rotate3dAnimation extends Animation {
      private final float mFromDegrees;
      private final float mToDegrees;
      private float mCenterX;
      private float mCenterY;
      private final boolean mTurnIn;
      private final boolean mTurnUp;
      private Camera mCamera;

      public Rotate3dAnimation(float fromDegrees, float toDegrees, boolean turnIn, boolean turnUp) {
          mFromDegrees = fromDegrees;
          mToDegrees = toDegrees;
          mTurnIn = turnIn;
          mTurnUp = turnUp;
      }

      @Override
      public void initialize(int width, int height, int parentWidth, int parentHeight) {
          super.initialize(width, height, parentWidth, parentHeight);
          mCamera = new Camera();
          mCenterY = getHeight() / 2;
          mCenterX = getWidth() / 2;
      }

      @Override
      protected void applyTransformation(float interpolatedTime, Transformation t) {
          final float fromDegrees = mFromDegrees;
          float degrees = fromDegrees + ((mToDegrees - fromDegrees) * interpolatedTime);

          final float centerX = mCenterX ;
          final float centerY = mCenterY ;
          final Camera camera = mCamera;
          final int derection = mTurnUp ? 1: -1;

final Matrix matrix = t.getMatrix();

          camera.save();
          if (mTurnIn) {
              camera.translate(0.0f, derection *mCenterY * (interpolatedTime - 1.0f), 0.0f);
          } else {
              camera.translate(0.0f, derection *mCenterY * (interpolatedTime), 0.0f);
          }
          camera.rotateX(degrees);
          camera.getMatrix(matrix);
          camera.restore();

          matrix.preTranslate(-centerX, -centerY);
          matrix.postTranslate(centerX, centerY);
      }
}
}

2. MainActivity.java

復(fù)制代碼代碼如下:

package com.example.animtextview;

import android.os.Bundle;
import android.app.Activity;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;

public class MainActivity extends Activity implements OnClickListener {

private Button mBtnNext;
private Button mBtnPrev;
private AutoTextView mTextView02;
private static int sCount = 10;
@Override
protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  init();
}
private void init() {
  // TODO Auto-generated method stub
  mBtnNext = (Button) findViewById(R.id.next);
  mBtnPrev = (Button) findViewById(R.id.prev);
  mTextView02 = (AutoTextView) findViewById(R.id.switcher02);
  mTextView02.setText("Hello world!");
  mBtnPrev.setOnClickListener(this);
  mBtnNext.setOnClickListener(this);
}

@Override
public void onClick(View arg0) {
  // TODO Auto-generated method stub
  switch (arg0.getId()) {
  case R.id.next:
   mTextView02.next();
   sCount++;
   break;
  case R.id.prev:
   mTextView02.previous();
   sCount--;
   break;
  }
  mTextView02.setText(sCount%2==0 ?
    sCount+"AAFirstAA" :
    sCount+"BBBBBBB");
  System.out.println("getH: ["+mTextView02.getHeight()+"]");

}
}

3. activity_main.xml

復(fù)制代碼代碼如下:

    <com.example.animtextview.AutoTextView
        android:id="@+id/switcher02"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@android:color/holo_green_dark"
        auto3d:textSize="30sp" />

</LinearLayout>

代碼中沒(méi)寫太多注釋，不過(guò)結(jié)構(gòu)還算清晰，應(yīng)該不難看懂！

三小結(jié)
我認(rèn)為該控件實(shí)現(xiàn)的難點(diǎn)在于動(dòng)畫文件的編寫，即Rotate3dAnimation中applyTransformation(...)方法的實(shí)現(xiàn)，通過(guò)控制camara在Y方向上挪動(dòng)和在X方向上的旋轉(zhuǎn)，從而造成上下翻滾的視覺(jué)感，然后將該值轉(zhuǎn)換到matrix上，從而改變了參數(shù)（..，Transformation t）.有興致的朋友可以直接改寫該方法，便可失掉不同動(dòng)畫效果的TextSwitcher.

您可能感興趣的文章: