Android实现搜索关键字飞入飞出效果
效果图:
实现该效果需要解决以下五点:
1.布局的选用。
2.确定动画区域,即布局的宽高。
3.对关键字坐标的随机分配。
4.对随机分配的坐标进行向中心靠拢。
5.动画的实现。
本文内容归CSDN博客博主Sodino 所有
转载请注明出处:http://blog.csdn.net/sodino/article/details/7176796
下面各个击破:
1.布局的选用。
在五种常用布局中,可实现此效果的有AbsoluteLayout、FrameLayout、RelativeLayout三种。一开始我选用的AbsoluteLayout,运行结果出来后,发现AbsoluteLayout下的TextView一旦超出其显示范围,超出的范围将无法显示,而余下的两种布局,其超出的范围会自动换行显示出来(TextView长度超出父组件显示范围可在代码中避免,此处仅是举例,说明AbsoluteLayout的先天不足)。另,官方已不再推荐使用AbsoluteLayout,所以本处凭个人喜好我选用FrameLayout。
FrameLayout如何实现AbsoluteLayout对其子组件进行定点放置呢?答案在FrameLayout.LayoutParams上。该类有相关属性为leftMargin及topMargin。要将子组件左上角定点放置在其父组件中的(x,y)处,仅需对leftMargin赋值为x,对topMargin赋值为y即可。
2.确定动画区域,即布局的宽高。
在对显示关键字TextView进行分配坐标之前,应该要先知道父组件的宽高各有多少可供随机分配。
获取宽高使用到OnGlobalLayoutListener。本例中KeywordsFlow继承自FrameLayout,同时也实现了OnGlobalLayoutListener接口,在其初始化方法init()中设置了监听getViewTreeObserver().addOnGlobalLayoutListener(this);
当监听事件被触发时,即可获取而已的宽高。
- public void onGlobalLayout() {
- int tmpW = getWidth();
- int tmpH = getHeight();
- if (width != tmpW || height != tmpH) {
- width = tmpW;
- height = tmpH;
- show();
- }
- }
public void onGlobalLayout() {int tmpW = getWidth();int tmpH = getHeight();if (width != tmpW || height != tmpH) {width = tmpW;height = tmpH;show();}}
3.对关键字坐标的随机分配。
TextView坐标的随机是否到位分配决定着整体效果的好坏。
本例设定关键字最多为10个,在布局的X Y轴上各自进行10等分。每个关键字依照其添加顺序随机各自在X轴和Y轴上选择等分后的10点中的某个点为margin的值。此值为糙值,需要对X轴进行越界修正,对Y轴进行向中心靠拢修正。对X轴坐标的修正为如下:
- // 获取文本长度
- 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);
- }
// 获取文本长度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);}
4.对随机分配的坐标进行向中心靠拢。
此操作将修正Y轴坐标。
由于随机分配中,可能出现某个关键字在朝中心点方向上的空间中再没有其它关键字了,此时该关键字在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);
- }
// 第二次修正:修正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);}
5.动画的实现。
每个TextView的动画都有包括三部分:伸缩动画ScaleAnimation、透明度渐变动画AlphaAnimation及位移动画TranslateAnimation。以上三个动画中除了位移动画是独立的,其它两种动画都是可以共用的。三种动画的组合使用AnimationSet拼装在一起同时作用在TextView上。动画的实现如下:
- 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;
- }
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;}
最后有个小点需要再次提醒下,使用KeywordsFlow时,在Eclipse开发环境下导出混淆包时,需要在proguard.cfg中添加:-keep public class * extends android.widget.FrameLayout
否则将会提示无法找到该类。
好了,文嗦嗦的东西到此结束,贴上Java代码如下,xml代码请根据效果图自己鼓捣吧。
- ActKeywordAnim.java
- package lab.sodino.searchkeywordanim;
- import java.util.Random;
- import android.app.Activity;
- import android.content.Intent;
- import android.net.Uri;
- import android.os.Bundle;
- import android.view.View;
- import android.view.View.OnClickListener;
- import android.widget.Button;
- import android.widget.TextView;
- /**
- * @author Sodino E-mail:sodinoopen@hotmail.com
- * @version Time:2011-12-26 下午03:34:16
- */
- public class ActKeywordAnim 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.btnIn);
- btnOut = (Button) findViewById(R.id.btnOut);
- btnIn.setOnClickListener(this);
- btnOut.setOnClickListener(this);
- keywordsFlow = (KeywordsFlow) findViewById(R.id.keywordsFlow);
- 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);
- }
- }
- }
ActKeywordAnim.javapackage lab.sodino.searchkeywordanim;import java.util.Random;import android.app.Activity; import android.content.Intent; import android.net.Uri; import android.os.Bundle; import android.view.View; import android.view.View.OnClickListener; import android.widget.Button; import android.widget.TextView;/*** @author Sodino E-mail:sodinoopen@hotmail.com* @version Time:2011-12-26 下午03:34:16*/ public class ActKeywordAnim 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.btnIn);btnOut = (Button) findViewById(R.id.btnOut);btnIn.setOnClickListener(this);btnOut.setOnClickListener(this);keywordsFlow = (KeywordsFlow) findViewById(R.id.keywordsFlow);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);}}@Overridepublic 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);}} }
- KeywordsFlow.java
- package lab.sodino.searchkeywordanim;
- 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;
- /**
- * 注意,出包时出混淆包,应在proguard.cfg中加入:<br/>
- * -keep public class * extends android.widget.FrameLayout<br/>
- *
- * @author Sodino E-mail:sodinoopen@hotmail.com
- * @version Time:2011-12-26 下午03:34:16
- */
- 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 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);
- // }
- }
Android实现搜索关键字飞入飞出效果相关推荐
- Android搜索关键字飞入飞出效果(播放器的搜索界面)
好多应用在搜索界面都有关键字飞入飞出的效果.我自己也实现了下.先上效果图: 实现该效果需要解决以下五点: 1.布局的选用. 2.确定动画区域,即布局的宽高. 3.对关键字坐标的随机分配. 4.对随机分 ...
- Android搜索关键字飞入飞出效果
实现该效果需要解决以下五点: 1.布局的选用. 2.确定动画区域,即布局的宽高. 3.对关键字坐标的随机分配. 4.对随机分配的坐标进行向中心靠拢. 5.动画的实现. 本文内容归CSDN博客博主Sod ...
- Android中自定义控件之飞入飞出布局及随机布局实现方式
本文主要介绍Android中飞入飞出布局及随机布局的实现方式,具体的效果如下: 实现飞入飞出效果 FlyLayout.java /*** Created by MG_ZXC on 2018/3/24. ...
- HTMO DOM部分---小练习;列表之间移动、日期选择、好友选中、滑动效果、滚动条效果、飞入飞出效果。...
一:列表之间数据移动 第一个列表里面有内容,第二个里面没有 实现功能: 点击左侧列表选中一项内容,点击按钮,复制到右侧 点击复制所有按钮,将左侧列表所有数据,复制到右侧 扩展功能:右侧列表实现去重复 ...
- Android-搜索关键字飞入飞出动画
博客说明:记录一写有用的代码 1.自定义控件类: import java.util.LinkedList; import java.util.Random; import java.util.Vect ...
- html字体飞入效果并定住,css3+vue彩色文字飞入飞出动画效果
一款好看的css3+vue实现的彩色文字飞入飞出动画效果,点击文字飞出动画,然后又飞入回来,很棒的vue文字动画特效. 查看演示 下载资源: 39 次 下载资源 下载积分: 10 积分 js代码 Vu ...
- 自定义RecyclerView动画——实现remove飞出效果
目录 前言 创建ItemAnimator 处理重叠 总结 源码 前言 我们经常会遇到在一个list中删除一条数据,这时候一般会有一个飞出的动画效果,如下图: 在RecyclerView中可以通过set ...
- Android 地图搜索商家,检索关键字(高德地图,百度地图),地址搜索
1.高德地图 实现效果 打印数据 实现步骤: 1.首先去高德开放平台注册应用 高德开 ...
- 基于vue与element-ui写出的关于搜索框搜索关键字,下方关键字高亮的demo
这是一个基于vue与element-ui写出的关于搜索框搜索关键字,下方关键字高亮的demo 希望对大家有所帮助 效果如下: <template><!-- 测试 -->< ...
最新文章
- linux avd 界面,Android Studio创建AVD
- Web安全CSRF攻击与防御
- java 打印机类printer_Spring案例打印机的实现过程详解
- html浮动垂直居中对齐,css如何设置垂直居中对齐?
- 主成分分析碎石图_因子分析碎石图
- windows聚焦壁纸不更新_如何解决Win10聚焦锁屏壁纸不自动更新的问题
- ArcGIS中ERROR 999999报错Configuration RasterCommander ImageServer can not be started解决
- java.lang.IllegalArgumentException: There is no PasswordEncoder mapped for the id null 	at org.spr
- 认识和理解计算机语言,如何理解所有的编程语言和语言
- SublimeText3和EverEdit 的一些使用感受
- 从微信浏览器跳转到手机浏览器(ios和android)
- 笔记本合上盖子就断网怎么办?
- 计算机添加本地安全组用户名和密码错误,u租号总是密码错误-共享用户名和密码正确总提示错误...
- 项目总结-网络舆情分析
- Gopher China 2019 讲师专访-Grab/地图团队资深架构师胡泊
- sýnesis™ Lite for Snort provides basic analytics for Snort IDS/IPS alert logs using the Elastic Stac
- 大学c语言活动策划,大学校园文化班级趣味运动会活动方案
- 解决新版edge浏览器(109版本)无法正常使用
- 关于把war包放在Tomcat的webapps目录下 启动服务 前端访问报404
- 计算机基础教程张福炎pdf,《大学计算机信息技术教程》南京大学出版社(第4版第3次修订)张福炎 孙志挥编第3章 习题课...