关键词随机飞入飞出效果

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

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

图图图：

布局文件

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android=""android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical" ><com.hnxiaohu.huamu.widget.KeywordsFlowandroid: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><Buttonandroid: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="飞入" /><Buttonandroid: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);}}@Overridepublic 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<String> vecKeywords;private int width, height;/** * go2Show()中被赋值为true，标识开发人员触发其开始动画显示。<br/> * 本标识的作用是防止在填充keywrods未完成的过程中获取到width和height后提前启动动画。<br/> * 在show()方法中其被赋值为false。<br/> * 真正能够动画显示的另一必要条件：width 和 height不为0。<br/> */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<String>(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;}/** * 开始动画显示。<br/> * 之前已经存在的TextView将会显示退出动画。<br/> * * @return 正常显示动画返回true；反之为false。返回false原因如下：<br/> *1.时间上不允许，受lastStartAnimationTime的制约；<br/> *2.未获取到width和height的值。<br/> */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<Integer> listX = new LinkedList<Integer>(), listY = new LinkedList<Integer>();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<TextView> listTxtTop = new LinkedList<TextView>();LinkedList<TextView> listTxtBottom = new LinkedList<TextView>();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);// 实例化TextViewfinal 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<TextView> 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<br/>// 对于可以一路下降到中心点的，，则该值也是其应调整的大小<br/>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<TextView> 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<Integer> listX,LinkedList<Integer> 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<String> getKeywords() {return vecKeywords;}public void rubKeywords() {vecKeywords.clear();}/** 直接清除所有的TextView。在清除之前不会显示动画。 */public void rubAllViews() {removeAllViews();}public void setOnClickListener(OnClickListener listener) {itemClickListener = listener;}}

这一次是一个告别，或者一个永远的告别，