android实现上下滚动的TextView_Android

一 说明
    这里重要应用类 AutoTextView，这是一个自定义的类，继承至TextSwitcher，下面临 AutoTextView类做简要说明：

    1. 该类应用的重点，在于设置两个动画， setInAnimation(...)  和 setOutAnimation(...)，分离是文字进入的动画和文字退出的动画；

    2. 类中定义了一个外部类-Rotate3dAnimation，重要靠该类实现文字进出动画，该外部类继承至Animation。说来偶合，这个恰好是在apiDemo中看到了，自定义Animation我还是第一次应用，动画逻辑均在void applyTransformation(float interpolatedTime, Transformation t)中实现，代码相当锋利，我在原来的基础上，更改了一下，实现了上述的效果，

二 代码部分：
1.AutoTextView.java

复制代码 代码如下:

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分离构成向下翻页的进出动画
 private Rotate3dAnimation mInUp;
 private Rotate3dAnimation mOutUp;

 //mInDown,mOutDown分离构成向下翻页的进出动画
 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将执行inAnimation，
  //setOutAnimation()后，B将执行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;
 }
 //定义动作，向下滚动翻页
 public void previous(){
  if(getInAnimation() != mInDown){
   setInAnimation(mInDown);
  }
  if(getOutAnimation() != mOutDown){
   setOutAnimation(mOutDown);
  }
 }
 //定义动作，向上滚动翻页
 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

复制代码 代码如下:

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

复制代码 代码如下:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:auto3d="http://schemas.android.com/apk/res/com.example.animtextview"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <Button
            android:id="@+id/next"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true"
            android:text="@string/next" />

        <Button
            android:id="@+id/prev"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_alignParentTop="true"
            android:text="@string/prev" />
    </RelativeLayout>

    <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>

    代码中没写太多注释，不过结构还算清晰，应该不难看懂！

三 小结
    我认为该控件实现的难点在于 动画文件的编写，即Rotate3dAnimation中applyTransformation(...)方法的实现，通过控制camara在Y方向上挪动和在X方向上的旋转，从而造成上下翻滚的视觉感，然后将该值转换到matrix上，从而改变了参数（..，Transformation t）.有兴致的朋友可以直接改写该方法，便可失掉不同动画效果的TextSwitcher.

时间： 2024-03-12 23:58:01

android实现上下滚动的TextView_Android的相关文章

Android 对ScrollView滚动监听，实现美团、大众点评的购买悬浮效果

随着移动互联网的快速发展,它已经和我们的生活息息相关了,在公交地铁里面都能看到很多人的人低头看着自己的手机屏幕,从此"低头族"一词就产生了,作为一名移动行业的开发人员,我自己也是一名"低头族",上下班时间在公交地铁上看看新闻来打发下时间,有时候也会看看那些受欢迎的App的一些界面效果,为什么人家的app那么受欢迎?跟用户体验跟UI设计也有直接的关系,最近在美团和大众点评的App看到如下效果,我感觉用户好,很人性化,所以自己也尝试着实现了下,接下来就讲解下实现思路!

Android实现文字滚动效果_Android

Android 实现文字滚动效果,自己写了个timer小计时器,textview文字上下翻动效果: public class AutoTextView extends TextSwitcher implements ViewSwitcher.ViewFactory { private float mHeight; private Context mContext; //mInUp,mOutUp分别构成向下翻页的进出动画 private Rotate3dAnimation mInUp; priva

android实现自动滚动的Gallary控件效果_Android

本文实例讲述了android实现自动滚动的Gallary控件.分享给大家供大家参考.具体如下: import java.util.Timer; import java.util.TimerTask; import android.content.Context; import android.os.Handler; import android.util.AttributeSet; import android.util.Log; import android.view.KeyEvent; im

scroll滚动-android horizontalscrollview自定义滚动

问题描述 android horizontalscrollview自定义滚动 android horizontalscrollview自定义滚动,要瞬间滚动,怎么实现,不要scrollto和scrollby带流程的 解决方案 据我所知,只能用scrollto和scrollby滑动到指定位置

Android优质索尼滚动相册_Android

虽然索尼手机卖的不怎么样,但是有些东西还是做的挺好的,工业设计就不用说了,索尼的相册的双指任意缩放功能也是尤其炫酷.其桌面小部件滚动相册我觉得也挺好的,比谷歌原生的相册墙功能好多了,网上搜了一下也没发现有人写这个,于是,下面就介绍下我的高A货.  首先是效果图:   主要手势操作有:  1.上/下满速移动,可以上滑/下滑一张图片  2.上/下快读移动,则根据滑动速度,上滑/下滑多张图片  3.单击则请求系统图库展示该图片 该小部件的主要优点:在屏幕内的小范围内提供一个很好的图片选择/浏览部件,尤

android实现自动滚动的Gallary控件效果

本文实例讲述了android实现自动滚动的Gallary控件.分享给大家供大家参考.具体如下: import java.util.Timer; import java.util.TimerTask; import android.content.Context; import android.os.Handler; import android.util.AttributeSet; import android.util.Log; import android.view.KeyEvent; im

Android实现文字滚动效果

Android 实现文字滚动效果,自己写了个timer小计时器,textview文字上下翻动效果: public class AutoTextView extends TextSwitcher implements ViewSwitcher.ViewFactory { private float mHeight; private Context mContext; //mInUp,mOutUp分别构成向下翻页的进出动画 private Rotate3dAnimation mInUp; priva

android scrollview 自动滚动到顶部或者底部的实例

android scrollview 自动滚动到顶部或者底部 摘要: android scrollview 自动滚动到顶部或者底部 android scrollview 自动滚动到顶部或者底部 //设置默认滚动到顶部 scrollView.post(new Runnable() { @Override public void run() { // TODO Auto-generated method stub scrollView.fullScroll(ScrollView.FOCUS_UP);

Android实现图片滚动控件，含页签功能，让你的应用像淘宝一样炫起来

首先题外话,今天早上起床的时候,手滑一下把我的手机甩了出去,结果陪伴我两年半的摩托罗拉里程碑 一代就这么安息了,于是我今天决定怒更一记,纪念我死去的爱机. 如果你是网购达人,你的手机上 一定少不了淘宝客户端.关注特效的人一定都会发现,淘宝不管是网站还是手机客户端,主页上都会有一个 图片滚动播放器,上面展示一些它推荐的商品.这个几乎可以用淘宝来冠名的功能,看起来还是挺炫的,我 们今天就来实现一下. 实现原理其实还是之前那篇文章Android滑动菜单特效实现,仿人人客户端侧 滑效果,史上最简单的侧滑