Android-搜索关键字飞入飞出动画

博客说明:记录一写有用的代码

1.自定义控件类:

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;

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.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);  
    // }  
}


2.XML布局文件:

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


3.Activity:

import java.util.Random;

import android.app.Activity;
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);
    }  
}  
}


Demo:http://download.csdn.net/detail/e_restart/7334659

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值