关键词随机飞入飞出效果

原

关键词随机飞入飞出效果

分类：Android_

 （4764）  （4）  举报  收藏

今天又有人问了，吧啦吧啦在网盘里找到了备份 整理一下

其实当时我也是网上找的，不过年代久远出处不详了，抱歉

图图图：

http://blog.csdn.net/onlyonecoder/article/details/8518148

布局文件

 xml version="1.0" encoding="utf-8"?>
 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:orientation="vertical" >

     <com.hnxiaohu.huamu.widget.KeywordsFlow
         android:id="@+id/keywordsflow_Layout"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:layout_above="@+id/button1"
         android:layout_alignParentTop="true" >

     com.hnxiaohu.huamu.widget.KeywordsFlow>

     <Button
         android:id="@+id/button1"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_alignParentBottom="true"
         android:layout_alignParentLeft="true"
         android:onClick="onClick"
         android:text="飞入" />

     <Button
         android:id="@+id/button2"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_alignParentBottom="true"
         android:layout_toRightOf="@+id/button1"
         android:onClick="onClick"
         android:text="飞出" />


 RelativeLayout>

使用示例

 package com.hnxiaohu.huamu.ui;

 import java.util.Random;

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

 import com.hnxiaohu.huamu.R;
 import com.hnxiaohu.huamu.widget.KeywordsFlow;


 public class KeywordsFlowDemo extends Activity implements OnClickListener {
     public static final String[] keywords = { "国贸360", "人民路", "大石桥", "新通桥",
             "紫荆山", "医学院", "二七广场", "碧沙岗", "凯旋门", "居易国际", "百货大楼", "体育馆", "沙门村",
             "刘庄", "陈寨", "科技市场", "火车站" };
     public static final String[] keywords2 = { "火锅", "小吃", "咖啡", "电影院", "KTV",
             "茶馆", "足浴", "按摩", "超市", "银行", "酒店", "超市", "豫菜", "川菜", "蛋糕店", "医院",
             "面包店", "商场", "书店", "烧烤", "海鲜", "清真" };
     private KeywordsFlow keywordsFlow;

     public void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.keywordsflow);

         keywordsFlow = (KeywordsFlow) findViewById(R.id.keywordsflow_Layout);
         keywordsFlow.setDuration(800l);
         keywordsFlow.setOnClickListener(this);
     }
     // 填充关键词
     private void feedKeywordsFlow(KeywordsFlow keywordsFlow, String[] arr) {
         Random random = new Random();
         for (int i = 0; i < KeywordsFlow.MAX; i++) {
             int ran = random.nextInt(arr.length);
             String tmp = arr[ran];
             keywordsFlow.feedKeyword(tmp);
         }
     }

     @Override
     public void onClick(View v) {

         if(v.getId()==R.id.button1){
             keywordsFlow.rubKeywords();
             feedKeywordsFlow(keywordsFlow, keywords);
             keywordsFlow.go2Show(KeywordsFlow.ANIMATION_IN);
             return;
         }

         if(v.getId()==R.id.button2){
             keywordsFlow.rubKeywords();
             feedKeywordsFlow(keywordsFlow, keywords2);
             keywordsFlow.go2Show(KeywordsFlow.ANIMATION_OUT);
             return;
         }

         if(v instanceof TextView){
             String keyword = ((TextView) v).getText().toString();
             Toast.makeText(getApplication(), keyword, Toast.LENGTH_SHORT).show();
             return;
         }

     }

 }

自定义View

 package com.hnxiaohu.huamu.widget;

 import java.util.LinkedList;
 import java.util.Random;
 import java.util.Vector;

 import android.content.Context;
 import android.graphics.Paint;
 import android.util.AttributeSet;
 import android.util.TypedValue;
 import android.view.Gravity;
 import android.view.View;
 import android.view.ViewTreeObserver.OnGlobalLayoutListener;
 import android.view.animation.AlphaAnimation;
 import android.view.animation.Animation;
 import android.view.animation.Animation.AnimationListener;
 import android.view.animation.AnimationSet;
 import android.view.animation.AnimationUtils;
 import android.view.animation.Interpolator;
 import android.view.animation.ScaleAnimation;
 import android.view.animation.TranslateAnimation;
 import android.widget.FrameLayout;
 import android.widget.TextView;

 /**
  *关键词飞入和飞出动画效果
  */
 public class KeywordsFlow extends FrameLayout implements OnGlobalLayoutListener {
     public static final int IDX_X = 0;
     public static final int IDX_Y = 1;
     public static final int IDX_TXT_LENGTH = 2;
     public static final int IDX_DIS_Y = 3;
     /** 由外至内的动画。 */
     public static final int ANIMATION_IN = 1;
     /** 由内至外的动画。 */
     public static final int ANIMATION_OUT = 2;
     /** 位移动画类型：从外围移动到坐标点。 */
     public static final int OUTSIDE_TO_LOCATION = 1;
     /** 位移动画类型：从坐标点移动到外围。 */
     public static final int LOCATION_TO_OUTSIDE = 2;
     /** 位移动画类型：从中心点移动到坐标点。 */
     public static final int CENTER_TO_LOCATION = 3;
     /** 位移动画类型：从坐标点移动到中心点。 */
     public static final int LOCATION_TO_CENTER = 4;
     public static final long ANIM_DURATION = 800l;
     public static final int MAX = 10;
     public static final int TEXT_SIZE_MAX = 25;
     public static final int TEXT_SIZE_MIN = 15;
     private OnClickListener itemClickListener;
     private static Interpolator interpolator;
     private static AlphaAnimation animAlpha2Opaque;
     private static AlphaAnimation animAlpha2Transparent;
     private static ScaleAnimation animScaleLarge2Normal, animScaleNormal2Large,
             animScaleZero2Normal, animScaleNormal2Zero;
     /** 存储显示的关键字。 */
     private Vector vecKeywords;
     private int width, height;
     /**
      * go2Show()中被赋值为true，标识开发人员触发其开始动画显示。
      * 本标识的作用是防止在填充keywrods未完成的过程中获取到width和height后提前启动动画。
      * 在show()方法中其被赋值为false。
      * 真正能够动画显示的另一必要条件：width 和 height不为0。
      */
     private boolean enableShow;
     private Random random;
     /**
      * @see ANIMATION_IN
      * @see ANIMATION_OUT
      * @see OUTSIDE_TO_LOCATION
      * @see LOCATION_TO_OUTSIDE
      * @see LOCATION_TO_CENTER
      * @see CENTER_TO_LOCATION
      * */
     private int txtAnimInType, txtAnimOutType;
     /** 最近一次启动动画显示的时间。 */
     private long lastStartAnimationTime;
     /** 动画运行时间。 */
     private long animDuration;

     public KeywordsFlow(Context context, AttributeSet attrs, int defStyle) {
         super(context, attrs, defStyle);
         init();
     }

     public KeywordsFlow(Context context, AttributeSet attrs) {
         super(context, attrs);
         init();
     }

     public KeywordsFlow(Context context) {
         super(context);
         init();
     }

     private void init() {
         lastStartAnimationTime = 0l;
         animDuration = ANIM_DURATION;
         random = new Random();
         vecKeywords = new Vector(MAX);
         getViewTreeObserver().addOnGlobalLayoutListener(this);
         interpolator = AnimationUtils.loadInterpolator(getContext(),
                 android.R.anim.decelerate_interpolator);
         animAlpha2Opaque = new AlphaAnimation(0.0f, 1.0f);
         animAlpha2Transparent = new AlphaAnimation(1.0f, 0.0f);
         animScaleLarge2Normal = new ScaleAnimation(2, 1, 2, 1);
         animScaleNormal2Large = new ScaleAnimation(1, 2, 1, 2);
         animScaleZero2Normal = new ScaleAnimation(0, 1, 0, 1);
         animScaleNormal2Zero = new ScaleAnimation(1, 0, 1, 0);
     }

     public long getDuration() {
         return animDuration;
     }

     public void setDuration(long duration) {
         animDuration = duration;
     }

     public boolean feedKeyword(String keyword) {
         boolean result = false;
         if (vecKeywords.size() < MAX) {
             result = vecKeywords.add(keyword);
         }
         return result;
     }

     /**
      * 开始动画显示。
      * 之前已经存在的TextView将会显示退出动画。
      *
      * @return 正常显示动画返回true；反之为false。返回false原因如下：
      *         1.时间上不允许，受lastStartAnimationTime的制约；
      *         2.未获取到width和height的值。
      */
     public boolean go2Show(int animType) {
         if (System.currentTimeMillis() - lastStartAnimationTime > animDuration) {
             enableShow = true;
             if (animType == ANIMATION_IN) {
                 txtAnimInType = OUTSIDE_TO_LOCATION;
                 txtAnimOutType = LOCATION_TO_CENTER;
             } else if (animType == ANIMATION_OUT) {
                 txtAnimInType = CENTER_TO_LOCATION;
                 txtAnimOutType = LOCATION_TO_OUTSIDE;
             }
             disapper();
             boolean result = show();
             return result;
         }
         return false;
     }

     private void disapper() {
         int size = getChildCount();
         for (int i = size - 1; i >= 0; i--) {
             final TextView txt = (TextView) getChildAt(i);
             if (txt.getVisibility() == View.GONE) {
                 removeView(txt);
                 continue;
             }
             FrameLayout.LayoutParams layParams = (LayoutParams) txt
                     .getLayoutParams();
             // Log.d("ANDROID_LAB", txt.getText() + " leftM=" +
             // layParams.leftMargin + " topM=" + layParams.topMargin
             // + " width=" + txt.getWidth());
             int[] xy = new int[] { layParams.leftMargin, layParams.topMargin,
                     txt.getWidth() };
             AnimationSet animSet = getAnimationSet(xy, (width >> 1),
                     (height >> 1), txtAnimOutType);
             txt.startAnimation(animSet);
             animSet.setAnimationListener(new AnimationListener() {
                 public void onAnimationStart(Animation animation) {
                 }

                 public void onAnimationRepeat(Animation animation) {
                 }

                 public void onAnimationEnd(Animation animation) {
                     txt.setOnClickListener(null);
                     txt.setClickable(false);
                     txt.setVisibility(View.GONE);
                 }
             });
         }
     }

     private boolean show() {
         if (width > 0 && height > 0 && vecKeywords != null
                 && vecKeywords.size() > 0 && enableShow) {
             enableShow = false;
             lastStartAnimationTime = System.currentTimeMillis();
             int xCenter = width >> 1, yCenter = height >> 1;
             int size = vecKeywords.size();
             int xItem = width / size, yItem = height / size;
             // Log.d("ANDROID_LAB", "--------------------------width=" + width +
             // " height=" + height + "  xItem=" + xItem
             // + " yItem=" + yItem + "---------------------------");
             LinkedList listX = new LinkedList(), listY = new LinkedList();
             for (int i = 0; i < size; i++) {
                 // 准备随机候选数，分别对应x/y轴位置
                 listX.add(i * xItem);
                 listY.add(i * yItem + (yItem >> 2));
             }
             // TextView[] txtArr = new TextView[size];
             LinkedList listTxtTop = new LinkedList();
             LinkedList listTxtBottom = new LinkedList();
             for (int i = 0; i < size; i++) {
                 String keyword = vecKeywords.get(i);
                 // 随机颜色
                 int ranColor = 0xff000000 | random.nextInt(0x0077ffff);
                 // 随机位置，糙值
                 int xy[] = randomXY(random, listX, listY, xItem);
                 // 随机字体大小
                 int txtSize = TEXT_SIZE_MIN
                         + random.nextInt(TEXT_SIZE_MAX - TEXT_SIZE_MIN + 1);
                 // 实例化TextView
                 final TextView txt = new TextView(getContext());
                 txt.setOnClickListener(itemClickListener);
                 txt.setText(keyword);
                 txt.setTextColor(ranColor);
                 txt.setTextSize(TypedValue.COMPLEX_UNIT_SP, txtSize);
                 txt.setShadowLayer(2, 2, 2, 0xff696969);
                 txt.setGravity(Gravity.CENTER);
                 // 获取文本长度
                 Paint paint = txt.getPaint();
                 int strWidth = (int) Math.ceil(paint.measureText(keyword));
                 xy[IDX_TXT_LENGTH] = strWidth;
                 // 第一次修正:修正x坐标
                 if (xy[IDX_X] + strWidth > width - (xItem >> 1)) {
                     int baseX = width - strWidth;
                     // 减少文本右边缘一样的概率
                     xy[IDX_X] = baseX - xItem + random.nextInt(xItem >> 1);
                 } else if (xy[IDX_X] == 0) {
                     // 减少文本左边缘一样的概率
                     xy[IDX_X] = Math.max(random.nextInt(xItem), xItem / 3);
                 }
                 xy[IDX_DIS_Y] = Math.abs(xy[IDX_Y] - yCenter);
                 txt.setTag(xy);
                 if (xy[IDX_Y] > yCenter) {
                     listTxtBottom.add(txt);
                 } else {
                     listTxtTop.add(txt);
                 }
             }
             attach2Screen(listTxtTop, xCenter, yCenter, yItem);
             attach2Screen(listTxtBottom, xCenter, yCenter, yItem);
             return true;
         }
         return false;
     }

     /** 修正TextView的Y坐标将将其添加到容器上。 */
     private void attach2Screen(LinkedList listTxt, int xCenter,
             int yCenter, int yItem) {
         int size = listTxt.size();
         sortXYList(listTxt, size);
         for (int i = 0; i < size; i++) {
             TextView txt = listTxt.get(i);
             int[] iXY = (int[]) txt.getTag();
             // Log.d("ANDROID_LAB", "fix[  " + txt.getText() + "  ] x:" +
             // iXY[IDX_X] + " y:" + iXY[IDX_Y] + " r2="
             // + iXY[IDX_DIS_Y]);
             // 第二次修正:修正y坐标
             int yDistance = iXY[IDX_Y] - yCenter;
             // 对于最靠近中心点的，其值不会大于yItem
             // 对于可以一路下降到中心点的，则该值也是其应调整的大小
             int yMove = Math.abs(yDistance);
             inner: for (int k = i - 1; k >= 0; k--) {
                 int[] kXY = (int[]) listTxt.get(k).getTag();
                 int startX = kXY[IDX_X];
                 int endX = startX + kXY[IDX_TXT_LENGTH];
                 // y轴以中心点为分隔线，在同一侧
                 if (yDistance * (kXY[IDX_Y] - yCenter) > 0) {
                     // Log.d("ANDROID_LAB", "compare:" +
                     // listTxt.get(k).getText());
                     if (isXMixed(startX, endX, iXY[IDX_X], iXY[IDX_X]
                             + iXY[IDX_TXT_LENGTH])) {
                         int tmpMove = Math.abs(iXY[IDX_Y] - kXY[IDX_Y]);
                         if (tmpMove > yItem) {
                             yMove = tmpMove;
                         } else if (yMove > 0) {
                             // 取消默认值。
                             yMove = 0;
                         }
                         // Log.d("ANDROID_LAB", "break");
                         break inner;
                     }
                 }
             }
             // Log.d("ANDROID_LAB", txt.getText() + " yMove=" + yMove);
             if (yMove > yItem) {
                 int maxMove = yMove - yItem;
                 int randomMove = random.nextInt(maxMove);
                 int realMove = Math.max(randomMove, maxMove >> 1) * yDistance
                         / Math.abs(yDistance);
                 iXY[IDX_Y] = iXY[IDX_Y] - realMove;
                 iXY[IDX_DIS_Y] = Math.abs(iXY[IDX_Y] - yCenter);
                 // 已经调整过前i个需要再次排序
                 sortXYList(listTxt, i + 1);
             }
             FrameLayout.LayoutParams layParams = new FrameLayout.LayoutParams(
                     FrameLayout.LayoutParams.WRAP_CONTENT,
                     FrameLayout.LayoutParams.WRAP_CONTENT);
             layParams.gravity = Gravity.LEFT | Gravity.TOP;
             layParams.leftMargin = iXY[IDX_X];
             layParams.topMargin = iXY[IDX_Y];
             addView(txt, layParams);
             // 动画
             AnimationSet animSet = getAnimationSet(iXY, xCenter, yCenter,
                     txtAnimInType);
             txt.startAnimation(animSet);
         }
     }

     public AnimationSet getAnimationSet(int[] xy, int xCenter, int yCenter,
             int type) {
         AnimationSet animSet = new AnimationSet(true);
         animSet.setInterpolator(interpolator);
         if (type == OUTSIDE_TO_LOCATION) {
             animSet.addAnimation(animAlpha2Opaque);
             animSet.addAnimation(animScaleLarge2Normal);
             TranslateAnimation translate = new TranslateAnimation((xy[IDX_X]
                     + (xy[IDX_TXT_LENGTH] >> 1) - xCenter) << 1, 0,
                     (xy[IDX_Y] - yCenter) << 1, 0);
             animSet.addAnimation(translate);
         } else if (type == LOCATION_TO_OUTSIDE) {
             animSet.addAnimation(animAlpha2Transparent);
             animSet.addAnimation(animScaleNormal2Large);
             TranslateAnimation translate = new TranslateAnimation(0, (xy[IDX_X]
                     + (xy[IDX_TXT_LENGTH] >> 1) - xCenter) << 1, 0,
                     (xy[IDX_Y] - yCenter) << 1);
             animSet.addAnimation(translate);
         } else if (type == LOCATION_TO_CENTER) {
             animSet.addAnimation(animAlpha2Transparent);
             animSet.addAnimation(animScaleNormal2Zero);
             TranslateAnimation translate = new TranslateAnimation(0,
                     (-xy[IDX_X] + xCenter), 0, (-xy[IDX_Y] + yCenter));
             animSet.addAnimation(translate);
         } else if (type == CENTER_TO_LOCATION) {
             animSet.addAnimation(animAlpha2Opaque);
             animSet.addAnimation(animScaleZero2Normal);
             TranslateAnimation translate = new TranslateAnimation(
                     (-xy[IDX_X] + xCenter), 0, (-xy[IDX_Y] + yCenter), 0);
             animSet.addAnimation(translate);
         }
         animSet.setDuration(animDuration);
         return animSet;
     }

     /**
      * 根据与中心点的距离由近到远进行冒泡排序。
      *
      * @param endIdx
      *            起始位置。
      * @param txtArr
      *            待排序的数组。
      *
      */
     private void sortXYList(LinkedList listTxt, int endIdx) {
         for (int i = 0; i < endIdx; i++) {
             for (int k = i + 1; k < endIdx; k++) {
                 if (((int[]) listTxt.get(k).getTag())[IDX_DIS_Y] < ((int[]) listTxt
                         .get(i).getTag())[IDX_DIS_Y]) {
                     TextView iTmp = listTxt.get(i);
                     TextView kTmp = listTxt.get(k);
                     listTxt.set(i, kTmp);
                     listTxt.set(k, iTmp);
                 }
             }
         }
     }

     /** A线段与B线段所代表的直线在X轴映射上是否有交集。 */
     private boolean isXMixed(int startA, int endA, int startB, int endB) {
         boolean result = false;
         if (startB >= startA && startB <= endA) {
             result = true;
         } else if (endB >= startA && endB <= endA) {
             result = true;
         } else if (startA >= startB && startA <= endB) {
             result = true;
         } else if (endA >= startB && endA <= endB) {
             result = true;
         }
         return result;
     }

     private int[] randomXY(Random ran, LinkedList listX,
             LinkedList listY, int xItem) {
         int[] arr = new int[4];
         arr[IDX_X] = listX.remove(ran.nextInt(listX.size()));
         arr[IDX_Y] = listY.remove(ran.nextInt(listY.size()));
         return arr;
     }

     public void onGlobalLayout() {
         int tmpW = getWidth();
         int tmpH = getHeight();
         if (width != tmpW || height != tmpH) {
             width = tmpW;
             height = tmpH;
             show();
         }
     }

     public Vector getKeywords() {
         return vecKeywords;
     }

     public void rubKeywords() {
         vecKeywords.clear();
     }

     /** 直接清除所有的TextView。在清除之前不会显示动画。 */
     public void rubAllViews() {
         removeAllViews();
     }

     public void setOnClickListener(OnClickListener listener) {
         itemClickListener = listener;
     }
 }