关键字飞入飞出效果

一关键字样式及动画
package com.kris.search;

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

import android.content.Context;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.util.Log;
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;
/**
* onGloballayoutlistener用于监听整个布局的变化，比如某个空间消失了
* @author Administrator
*
*/
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));
Log.e("Search", "ListX:"+(i * xItem)+"#listY:"+(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);
// 实例化TextView
final TextView txt = new TextView(getContext());
txt.setBackgroundColor(0xffffffff);
txt.setOnClickListener(itemClickListener);
txt.setText(keyword);
txt.setTextColor(ranColor);
txt.setTextSize(TypedValue.COMPLEX_UNIT_SP, txtSize);
txt.setShadowLayer(1, 1, 1, 0xdd696969);
txt.setGravity(Gravity.CENTER);

// txt.setBackgroundColor(Color.RED);
// 获取文本长度
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 setOnItemClickListener(OnClickListener listener) {
itemClickListener = listener;
}

// public void onDraw(Canvas canvas) {
// super.onDraw(canvas);
// Paint p = new Paint();
// p.setColor(Color.BLACK);
// canvas.drawCircle((width >> 1) - 2, (height >> 1) - 2, 4, p);
// p.setColor(Color.RED);
// }
}
二：显示类
package com.kris.search;

import java.util.Random;

import android.app.Activity;
import android.content.Intent;
import android.net.Uri;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.TextView;

public class SearchFlyActivity extends Activity implements OnClickListener {
public static final String[] keywords = { "QQ", "Sodino", "APK", "GFW", "铅笔",//
"短信", "桌面精灵", "MacBook Pro", "平板电脑", "雅诗兰黛",//
"卡西欧 TR-100", "笔记本", "SPY Mouse", "Thinkpad E40", "捕鱼达人",//
"内存清理", "地图", "导航", "闹钟", "主题",//
"通讯录", "播放器", "CSDN leak", "安全", "3D",//
"美女", "天气", "4743G", "戴尔", "联想",//
"欧朋", "浏览器", "愤怒的小鸟", "mmShow", "网易公开课",//
"iciba", "油水关系", "网游App", "互联网", "365日历",//
"脸部识别", "Chrome", "Safari", "中国版Siri", "A5处理器",//
"iPhone4S", "摩托 ME525", "魅族 M9", "尼康 S2500" };
private KeywordsFlow keywordsFlow;
private Button btnIn, btnOut;

public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
btnIn = (Button) findViewById(R.id.button1);
btnOut = (Button) findViewById(R.id.button2);
btnIn.setOnClickListener(this);
btnOut.setOnClickListener(this);
keywordsFlow = (KeywordsFlow) findViewById(R.id.frameLayout1);
keywordsFlow.setDuration(800l);
keywordsFlow.setOnItemClickListener(this);
// 添加
feedKeywordsFlow(keywordsFlow, keywords);
keywordsFlow.go2Show(KeywordsFlow.ANIMATION_IN);
}
//添加显示的关键字
private static 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 == btnIn) {
keywordsFlow.rubKeywords();
// keywordsFlow.rubAllViews();
feedKeywordsFlow(keywordsFlow, keywords);
keywordsFlow.go2Show(KeywordsFlow.ANIMATION_IN);
} else if (v == btnOut) {
keywordsFlow.rubKeywords();
// keywordsFlow.rubAllViews();
feedKeywordsFlow(keywordsFlow, keywords);
keywordsFlow.go2Show(KeywordsFlow.ANIMATION_OUT);
} else if (v instanceof TextView) {
String keyword = ((TextView) v).getText().toString();
Intent intent = new Intent();
intent.setAction(Intent.ACTION_VIEW);
intent.addCategory(Intent.CATEGORY_DEFAULT);
intent.setData(Uri.parse("http://www.google.com.hk/#q=" + keyword));
startActivity(intent);
Log.e("Search", keyword);
}
}
}
三：配置文件
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >


<com.kris.search.KeywordsFlow
android:id="@+id/frameLayout1"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_above="@+id/linearLayout1"
>


</com.kris.search.KeywordsFlow>

<LinearLayout
android:id="@+id/linearLayout1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true">

<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="In"
android:layout_weight="1"/>

<Button
android:id="@+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Out"
android:layout_weight="1"/>
</LinearLayout>
</RelativeLayout>