关键词随机飞入飞出效果

布局文件

[html] view
plaincopy





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

使用示例

[java] view
plaincopy





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

[java] view
plaincopy





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

// 实例化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<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;

}

}