关键词随机飞入飞出效果
今天又有人问了,吧啦吧啦在网盘里找到了备份 整理一下
其实当时我也是网上找的,不过年代久远出处不详了,抱歉
图图图:
http://blog.youkuaiyun.com/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<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;
- }
- }