转载请注明出处王亟亟的大牛之路

一直对Animation属于可有可无的不在意。看到个样例，认为在不切换的情况下，适当的应用还真是蛮好看的。

包结构：



一个类一个控件。内容简单。

执行效果：



下方的下方箭头会上下移动，页面内的全部散乱的文字都是TextView，以及搜索和带删除的EditText

主Activity

  1. public class MainActivity extends Activity implements OnClickListener {
  2.     private static final int FEEDKEY_START = 1;
  3.     private ImageView back_arrow;
  4.     private ImageView search_button;
  5.     private Animation shakeAnim;
  6.     private DeletableEditText searchEdit;
  7.     private KeywordsFlow keywordsFlow;
  8.     private int STATE = 1;
  9.     //页面滚动的数据源
  10.     private static String[] keywords = new String[] { "弗拉基米尔", "希维尔", "蒙多",
  11.             "茂凯", "潘森", "波比", "拉克丝", "索拉卡", "娑娜", "伊泽瑞尔", "费德提克", " 雷克顿",
  12.             "古拉加斯", "卡萨丁", "迦娜", "奥莉安娜", "嘉文四世", " 莫德凯撒", " 崔丝塔娜", "布兰德",
  13.             "卡尔玛", "塔里克", "莫甘娜", "凯南", " 兰博", "斯维因" ,"卡尔萨斯"};
  15.     private Handler handler = new Handler() {
  16.         public void handleMessage(android.os.Message msg) {
  17.             switch (msg.what) {
  18.             case FEEDKEY_START:
  19.                 keywordsFlow.rubKeywords();
  20.                 feedKeywordsFlow(keywordsFlow, keywords);
  21.                 keywordsFlow.go2Show(KeywordsFlow.ANIMATION_OUT);
  22.                 sendEmptyMessageDelayed(FEEDKEY_START, 5000);
  23.                 break;
  24.             }
  25.         };
  26.     };
  28.     private static void feedKeywordsFlow(KeywordsFlow keywordsFlow, String[] arr) {
  29.         Random random = new Random();
  30.         for (int i = 0; i < KeywordsFlow.MAX; i++) {
  31.             int ran = random.nextInt(arr.length);
  32.             String tmp = arr[ran];
  33.             keywordsFlow.feedKeyword(tmp);
  34.         }
  35.     }
  37.     @Override
  38.     protected void onCreate(Bundle savedInstanceState) {
  39.         super.onCreate(savedInstanceState);
  40.         setContentView(R.layout.activity_search);
  41.         //载入动画效果
  42.         shakeAnim = AnimationUtils.loadAnimation(this, R.anim.shake_y);
  43.         initView();
  44.     }
  46.     private void initView() {
  47.         keywordsFlow = (KeywordsFlow) findViewById(R.id.keywordsflow);
  48.         keywordsFlow.setDuration(1000l);
  49.         keywordsFlow.setOnItemClickListener(this);
  50.         back_arrow = (ImageView) findViewById(R.id.back_arrow);
  51.         back_arrow.setAnimation(shakeAnim);
  52.         searchEdit = (DeletableEditText) findViewById(R.id.search_view);
  53.         search_button=(ImageView)findViewById(R.id.search_button);
  54.         search_button.setOnClickListener(this);
  55.         feedKeywordsFlow(keywordsFlow, keywords);
  56.         keywordsFlow.go2Show(KeywordsFlow.ANIMATION_IN);
  57.         handler.sendEmptyMessageDelayed(FEEDKEY_START, 5000);
  58.     }
  60.     @Override
  61.     public void onClick(View v) {
  62.         if (v instanceof TextView) {
  63.             String keyword = ((TextView) v).getText().toString().trim();
  64.             searchEdit.setText(keyword);
  65.             searchEdit.setSelection(keyword.length());
  66.         }
  67.         if(v.getId()==R.id.search_button&&searchEdit.getText().toString().length()!=0){
  68.             Toast.makeText(MainActivity.this, "你搜索了 "+searchEdit.getText().toString(), Toast.LENGTH_SHORT).show();
  69.         }
  70.     }
  71.     @Override
  72.     public void onBackPressed()
  73.     {
  74.         Intent intent = new Intent(Intent.ACTION_MAIN);
  75.         intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
  76.         intent.addCategory(Intent.CATEGORY_HOME);
  77.         startActivity(intent);
  78.     }
  80.     @Override
  81.     protected void onDestroy() {
  82.         super.onDestroy();
  83.         back_arrow.clearAnimation();
  84.         handler.removeMessages(FEEDKEY_START);
  85.         STATE = 0;
  86.     }
  88.     @Override
  89.     protected void onStop() {
  90.         super.onStop();
  91.         handler.removeMessages(FEEDKEY_START);
  92.         STATE = 0;
  93.     }
  95.     @Override
  96.     public void onPause() {
  97.         super.onPause();
  98.         handler.removeMessages(FEEDKEY_START);
  99.         STATE = 0;
  100.     }
  102.     @Override
  103.     public void onResume() {
  104.         super.onResume();
  105.         if (STATE == 0) {
  106.             keywordsFlow.rubKeywords();
  107.             handler.sendEmptyMessageDelayed(FEEDKEY_START, 3000);
  108.         }
  109.     }
  110. }

分析：

用handle控制每次动画出现的时间。以及效果排列的算法。

提交按钮之所以不用Button由于 instanceof TextView的时候把Button也算进去了，无法做出分辨（Button 继承于TextView）

布局文件：

  1. <?xml version="1.0" encoding="utf-8"?
  3. >
  4. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  5.     android:layout_width="match_parent"
  6.     android:layout_height="match_parent"
  7.     android:background="@drawable/bg_search" >
  9.     <LinearLayout
  10.         android:id="@+id/search_layout"
  11.         android:layout_width="match_parent"
  12.         android:layout_height="wrap_content"
  13.         android:layout_alignParentLeft="true"
  14.         android:layout_alignParentTop="true"
  15.         android:layout_marginLeft="25dp"
  16.         android:layout_marginRight="25dp"
  17.         android:layout_marginTop="30dp"
  18.         android:orientation="vertical" >
  20.         <com.wjj.demo.DeletableEditText
  21.             android:id="@+id/search_view"
  22.             android:layout_width="match_parent"
  23.             android:layout_height="wrap_content"
  24.             android:background="@drawable/bg_edittext"
  25.             android:drawableLeft="@drawable/ic_edittext_search"
  26.             android:drawablePadding="6dp"
  27.             android:drawableRight="@drawable/ic_edittext_delete"
  28.             android:hint="请输入您要搜索的内容..."
  29.             android:paddingBottom="7dp"
  30.             android:paddingLeft="9dp"
  31.             android:paddingRight="8dp"
  32.             android:paddingTop="7dp"
  33.             android:singleLine="true"
  34.             android:textColor="#ffffff"
  35.             android:textCursorDrawable="@null"
  36.             android:textSize="16dp" />
  38.         <LinearLayout
  39.             android:layout_width="wrap_content"
  40.             android:layout_height="wrap_content"
  41.             android:layout_marginTop="3dp"
  42.             android:orientation="horizontal" >
  44.             <ImageView
  45.                 android:id="@+id/search_button"
  46.                 android:layout_width="80dp"
  47.                 android:layout_height="40dp"
  48.                 android:src="@drawable/ic_button_search"/>
  49.         </LinearLayout>
  50.     </LinearLayout>
  52.     <com.wjj.demo.KeywordsFlow
  53.         android:id="@+id/keywordsflow"
  54.         android:layout_width="match_parent"
  55.         android:layout_height="match_parent"
  56.         android:layout_below="@+id/search_layout" />
  58.     <ImageView
  59.         android:id="@+id/back_arrow"
  60.         android:layout_width="wrap_content"
  61.         android:layout_height="wrap_content"
  62.         android:layout_alignParentBottom="true"
  63.         android:layout_centerHorizontal="true"
  64.         android:layout_marginBottom="14dp"
  65.         android:src="@drawable/ic_back_arrow" />
  67. </RelativeLayout>

自己定义EditText

  1. public class DeletableEditText extends EditText{
  2.     private Drawable mRightDrawable;
  3.     private boolean isHasFocus;
  5.     public DeletableEditText(Context context) {
  6.         super(context);
  7.         init();
  8.     }
  9.     public DeletableEditText(Context context, AttributeSet attrs) {
  10.         super(context, attrs);
  11.         init();
  12.     }
  14.     public DeletableEditText(Context context, AttributeSet attrs, int defStyle) {
  15.         super(context, attrs, defStyle);
  16.         init();
  17.     }
  19.     private void init(){
  20.         //getCompoundDrawables:
  21.         //Returns drawables for the left, top, right, and bottom borders.
  22.         Drawable [] drawables=this.getCompoundDrawables();
  24.         //取得right位置的Drawable
  25.         //即我们在布局文件里设置的android:drawableRight
  26.         mRightDrawable=drawables[2];    
  28.         //设置焦点变化的监听
  29.         this.setOnFocusChangeListener(new FocusChangeListenerImpl());
  30.         //设置EditText文字变化的监听
  31.         this.addTextChangedListener(new TextWatcherImpl());
  32.         //初始化时让右边clean图标不可见
  33.         setClearDrawableVisible(false);
  34.     }
  36.     /**
  37.      * 当手指抬起的位置在clean的图标的区域
  38.      * 我们将此视为进行清除操作
  39.      * getWidth():得到控件的宽度
  40.      * event.getX():抬起时的坐标(改坐标是相对于控件本身而言的)
  41.      * getTotalPaddingRight():clean的图标左边缘至控件右边缘的距离
  42.      * getPaddingRight():clean的图标右边缘至控件右边缘的距离
  43.      * 于是:
  44.      * getWidth() - getTotalPaddingRight()表示:
  45.      * 控件左边到clean的图标左边缘的区域
  46.      * getWidth() - getPaddingRight()表示:
  47.      * 控件左边到clean的图标右边缘的区域
  48.      * 所以这两者之间的区域刚好是clean的图标的区域
  49.      */
  50.     @Override
  51.     public boolean onTouchEvent(MotionEvent event) {
  52.         switch (event.getAction()) {
  53.         case MotionEvent.ACTION_UP:
  55.             boolean isClean =(event.getX() > (getWidth() - getTotalPaddingRight()))&&
  56.                              (event.getX() < (getWidth() - getPaddingRight()));
  57.             if (isClean) {
  58.                 setText("");
  59.             }
  60.             break;
  62.         default:
  63.             break;
  64.         }
  65.         return super.onTouchEvent(event);
  66.     }
  68.     private class FocusChangeListenerImpl implements OnFocusChangeListener{
  69.         @Override
  70.         public void onFocusChange(View v, boolean hasFocus) {
  71.              isHasFocus=hasFocus;
  72.              if (isHasFocus) {
  73.                  boolean isVisible=getText().toString().length()>=1;
  74.                  setClearDrawableVisible(isVisible);
  75.             } else {
  76.                  setClearDrawableVisible(false);
  77.             }
  78.         }
  80.     }
  82.     //当输入结束后推断是否显示右边clean的图标
  83.     private class TextWatcherImpl implements TextWatcher{
  84.         @Override
  85.         public void afterTextChanged(Editable s) {
  86.              boolean isVisible=getText().toString().length()>=1;
  87.              setClearDrawableVisible(isVisible);
  88.         }
  90.         @Override
  91.         public void beforeTextChanged(CharSequence s, int start, int count,int after) {
  93.         }
  95.         @Override
  96.         public void onTextChanged(CharSequence s, int start, int before,int count) {
  98.         }
  100.     }   
  102.     //隐藏或者显示右边clean的图标
  103.     protected void setClearDrawableVisible(boolean isVisible) {
  104.         Drawable rightDrawable;
  105.         if (isVisible) {
  106.             rightDrawable = mRightDrawable;
  107.         } else {
  108.             rightDrawable = null;
  109.         }
  110.         //使用代码设置该控件left, top, right, and bottom处的图标
  111.         setCompoundDrawables(getCompoundDrawables()[0],getCompoundDrawables()[1],
  112.                              rightDrawable,getCompoundDrawables()[3]);
  113.     } 
  115.     // 显示一个动画,以提示用户输入
  116.     public void setShakeAnimation() {
  117.         this.startAnimation(shakeAnimation(5));
  119.     }
  121.     //CycleTimes动画反复的次数
  122.     public Animation shakeAnimation(int CycleTimes) {
  123.         Animation translateAnimation = new TranslateAnimation(0, 10, 0, 10);
  124.         translateAnimation.setInterpolator(new CycleInterpolator(CycleTimes));
  125.         translateAnimation.setDuration(1000);
  126.         return translateAnimation;
  127.     }
  128. }

自己定义FrameLayout

  1. public class KeywordsFlow extends FrameLayout implements OnGlobalLayoutListener {
  2.     public static final int IDX_X = 0;
  3.     public static final int IDX_Y = 1;
  4.     public static final int IDX_TXT_LENGTH = 2;
  5.     public static final int IDX_DIS_Y = 3;
  6.     /** 由外至内的动画。 */
  7.     public static final int ANIMATION_IN = 1;
  8.     /** 由内至外的动画。
  10. */
  11.     public static final int ANIMATION_OUT = 2;
  12.     /** 位移动画类型：从外围移动到坐标点。
  14. */
  15.     public static final int OUTSIDE_TO_LOCATION = 1;
  16.     /** 位移动画类型：从坐标点移动到外围。 */
  17.     public static final int LOCATION_TO_OUTSIDE = 2;
  18.     /** 位移动画类型：从中心点移动到坐标点。 */
  19.     public static final int CENTER_TO_LOCATION = 3;
  20.     /** 位移动画类型：从坐标点移动到中心点。 */
  21.     public static final int LOCATION_TO_CENTER = 4;
  22.     public static final long ANIM_DURATION = 800l;
  23.     public static final int MAX = 10;
  24.     public static final int TEXT_SIZE_MAX = 21;
  25.     public static final int TEXT_SIZE_MIN = 14;
  26.     private OnClickListener itemClickListener;
  27.     private static Interpolator interpolator;
  28.     private static AlphaAnimation animAlpha2Opaque;
  29.     private static AlphaAnimation animAlpha2Transparent;
  30.     private static ScaleAnimation animScaleLarge2Normal, animScaleNormal2Large,
  31.             animScaleZero2Normal, animScaleNormal2Zero;
  32.     /** 存储显示的关键字。 */
  33.     private Vector<String> vecKeywords;
  34.     private int width, height;
  35.     /**
  36.      * go2Show()中被赋值为true，标识开发者触发其開始动画显示。<br/>
  37.      * 本标识的作用是防止在填充keywrods未完毕的过程中获取到width和height后提前启动动画。
  39. <br/>
  40.      * 在show()方法中其被赋值为false。<br/>
  41.      * 真正能够动画显示的还有一必要条件：width 和 height不为0。
  43. <br/>
  44.      */
  45.     private boolean enableShow;
  46.     private Random random;
  47.     /**
  48.      * @see ANIMATION_IN
  49.      * @see ANIMATION_OUT
  50.      * @see OUTSIDE_TO_LOCATION
  51.      * @see LOCATION_TO_OUTSIDE
  52.      * @see LOCATION_TO_CENTER
  53.      * @see CENTER_TO_LOCATION
  54.      * */
  55.     private int txtAnimInType, txtAnimOutType;
  56.     /** 近期一次启动动画显示的时间。 */
  57.     private long lastStartAnimationTime;
  58.     /** 动画执行时间。 */
  59.     private long animDuration;
  61.     public KeywordsFlow(Context context, AttributeSet attrs, int defStyle) {
  62.         super(context, attrs, defStyle);
  63.         init();
  64.     }
  66.     public KeywordsFlow(Context context, AttributeSet attrs) {
  67.         super(context, attrs);
  68.         init();
  69.     }
  71.     public KeywordsFlow(Context context) {
  72.         super(context);
  73.         init();
  74.     }
  76.     private void init() {
  77.         lastStartAnimationTime = 0l;
  78.         animDuration = ANIM_DURATION;
  79.         random = new Random();
  80.         vecKeywords = new Vector<String>(MAX);
  81.         getViewTreeObserver().addOnGlobalLayoutListener(this);
  82.         interpolator = AnimationUtils.loadInterpolator(getContext(),
  83.                 android.R.anim.decelerate_interpolator);
  84.         animAlpha2Opaque = new AlphaAnimation(0.0f, 1.0f);
  85.         animAlpha2Transparent = new AlphaAnimation(1.0f, 0.0f);
  86.         animScaleLarge2Normal = new ScaleAnimation(2, 1, 2, 1);
  87.         animScaleNormal2Large = new ScaleAnimation(1, 2, 1, 2);
  88.         animScaleZero2Normal = new ScaleAnimation(0, 1, 0, 1);
  89.         animScaleNormal2Zero = new ScaleAnimation(1, 0, 1, 0);
  90.     }
  92.     public long getDuration() {
  93.         return animDuration;
  94.     }
  96.     public void setDuration(long duration) {
  97.         animDuration = duration;
  98.     }
  100.     public boolean feedKeyword(String keyword) {
  101.         boolean result = false;
  102.         if (vecKeywords.size() < MAX) {
  103.             result = vecKeywords.add(keyword);
  104.         }
  105.         return result;
  106.     }
  108.     /**
  109.      * 開始动画显示。
  111. <br/>
  112.      * 之前已经存在的TextView将会显示退出动画。<br/>
  113.      *
  114.      * @return 正常显示动画返回true；反之为false。
  116. 返回false原因例如以下：<br/>
  117.      *         1.时间上不同意，受lastStartAnimationTime的制约；<br/>
  118.      *         2.未获取到width和height的值。<br/>
  119.      */
  120.     public boolean go2Show(int animType) {
  121.         if (System.currentTimeMillis() - lastStartAnimationTime > animDuration) {
  122.             enableShow = true;
  123.             if (animType == ANIMATION_IN) {
  124.                 txtAnimInType = OUTSIDE_TO_LOCATION;
  125.                 txtAnimOutType = LOCATION_TO_CENTER;
  126.             } else if (animType == ANIMATION_OUT) {
  127.                 txtAnimInType = CENTER_TO_LOCATION;
  128.                 txtAnimOutType = LOCATION_TO_OUTSIDE;
  129.             }
  130.             disapper();
  131.             boolean result = show();
  132.             return result;
  133.         }
  134.         return false;
  135.     }
  137.     private void disapper() {
  138.         int size = getChildCount();
  139.         for (int i = size - 1; i >= 0; i--) {
  140.             final TextView txt = (TextView) getChildAt(i);
  141.             if (txt.getVisibility() == View.GONE) {
  142.                 removeView(txt);
  143.                 continue;
  144.             }
  145.             FrameLayout.LayoutParams layParams = (LayoutParams) txt
  146.                     .getLayoutParams();
  147.             // Log.d("ANDROID_LAB", txt.getText() + " leftM=" +
  148.             // layParams.leftMargin + " topM=" + layParams.topMargin
  149.             // + " width=" + txt.getWidth());
  150.             int[] xy = new int[] { layParams.leftMargin, layParams.topMargin,
  151.                     txt.getWidth() };
  152.             AnimationSet animSet = getAnimationSet(xy, (width >> 1),
  153.                     (height >> 1), txtAnimOutType);
  154.             txt.startAnimation(animSet);
  155.             animSet.setAnimationListener(new AnimationListener() {
  156.                 public void onAnimationStart(Animation animation) {
  157.                 }
  159.                 public void onAnimationRepeat(Animation animation) {
  160.                 }
  162.                 public void onAnimationEnd(Animation animation) {
  163.                     txt.setOnClickListener(null);
  164.                     txt.setClickable(false);
  165.                     txt.setVisibility(View.GONE);
  166.                 }
  167.             });
  168.         }
  169.     }
  171.     private boolean show() {
  172.         if (width > 0 && height > 0 && vecKeywords != null
  173.                 && vecKeywords.size() > 0 && enableShow) {
  174.             enableShow = false;
  175.             lastStartAnimationTime = System.currentTimeMillis();
  176.             // 找到中心点
  177.             int xCenter = width >> 1, yCenter = height >> 1;
  178.             // 关键字的个数。
  179.             int size = vecKeywords.size();
  180.             int xItem = width / size, yItem = height / size;
  181.             Log.d("ANDROID_LAB", "--------------------------width=" + width
  182.                     + " height=" + height + "  xItem=" + xItem + " yItem="
  183.                     + yItem + "---------------------------");
  184.             LinkedList<Integer> listX = new LinkedList<Integer>(), listY = new LinkedList<Integer>();
  185.             for (int i = 0; i < size; i++) {
  186.                 // 准备随机候选数，分别相应x/y轴位置
  187.                 listX.add(i * xItem);
  188.                 listY.add(i * yItem + (yItem >> 2));
  189.                 Log.e("Search", "ListX:" + (i * xItem) + "#listY:"
  190.                         + (i * yItem + (yItem >> 2)));
  191.             }
  192.             // TextView[] txtArr = new TextView[size];
  193.             LinkedList<TextView> listTxtTop = new LinkedList<TextView>();
  194.             LinkedList<TextView> listTxtBottom = new LinkedList<TextView>();
  195.             for (int i = 0; i < size; i++) {
  196.                 String keyword = vecKeywords.get(i);
  197.                 // 随机颜色
  198.                 // int ranColor = 0xff000000 | random.nextInt(0x0077ffff);
  199.                 // 随机位置。糙值
  200.                 int xy[] = randomXY(random, listX, listY, xItem);
  201.                 // 随机字体大小
  202.                 int txtSize = TEXT_SIZE_MIN
  203.                         + random.nextInt(TEXT_SIZE_MAX - TEXT_SIZE_MIN + 1);
  204.                 // 实例化TextView
  205.                 final TextView txt = new TextView(getContext());
  206.                 txt.setOnClickListener(itemClickListener);
  207.                 txt.setText(keyword);
  208.                 txt.setTextColor(Color.parseColor("#8cffffff"));
  209.                 txt.setTextSize(TypedValue.COMPLEX_UNIT_SP, txtSize);
  210.                 txt.setShadowLayer(1, 1, 1, 0xdd696969);
  211.                 txt.setGravity(Gravity.CENTER);
  213.                 // txt.setBackgroundColor(Color.RED);
  214.                 // 获取文本长度
  215.                 Paint paint = txt.getPaint();
  216.                 int strWidth = (int) Math.ceil(paint.measureText(keyword));
  217.                 xy[IDX_TXT_LENGTH] = strWidth;
  218.                 // 第一次修正:修正x坐标
  219.                 if (xy[IDX_X] + strWidth > width - (xItem >> 1)) {
  220.                     int baseX = width - strWidth;
  221.                     // 降低文本右边缘一样的概率
  222.                     xy[IDX_X] = baseX - xItem + random.nextInt(xItem >> 1);
  223.                 } else if (xy[IDX_X] == 0) {
  224.                     // 降低文本左边缘一样的概率
  225.                     xy[IDX_X] = Math.max(random.nextInt(xItem), xItem / 3);
  226.                 }
  227.                 xy[IDX_DIS_Y] = Math.abs(xy[IDX_Y] - yCenter);
  228.                 txt.setTag(xy);
  229.                 if (xy[IDX_Y] > yCenter) {
  230.                     listTxtBottom.add(txt);
  231.                 } else {
  232.                     listTxtTop.add(txt);
  233.                 }
  234.             }
  235.             attach2Screen(listTxtTop, xCenter, yCenter, yItem);
  236.             attach2Screen(listTxtBottom, xCenter, yCenter, yItem);
  237.             return true;
  238.         }
  239.         return false;
  240.     }
  242.     /** 修正TextView的Y坐标将将其加入到容器上。 */
  243.     private void attach2Screen(LinkedList<TextView> listTxt, int xCenter,
  244.             int yCenter, int yItem) {
  245.         int size = listTxt.size();
  246.         sortXYList(listTxt, size);
  247.         for (int i = 0; i < size; i++) {
  248.             TextView txt = listTxt.get(i);
  249.             int[] iXY = (int[]) txt.getTag();
  250.             // Log.d("ANDROID_LAB", "fix[  " + txt.getText() + "  ] x:" +
  251.             // iXY[IDX_X] + " y:" + iXY[IDX_Y] + " r2="
  252.             // + iXY[IDX_DIS_Y]);
  253.             // 第二次修正:修正y坐标
  254.             int yDistance = iXY[IDX_Y] - yCenter;
  255.             // 对于最靠近中心点的，其值不会大于yItem
  256.             // 对于能够一路下降到中心点的，则该值也是其应调整的大小
  257.             int yMove = Math.abs(yDistance);
  258.             inner: for (int k = i - 1; k >= 0; k--) {
  259.                 int[] kXY = (int[]) listTxt.get(k).getTag();
  260.                 int startX = kXY[IDX_X];
  261.                 int endX = startX + kXY[IDX_TXT_LENGTH];
  262.                 // y轴以中心点为分隔线，在同一側
  263.                 if (yDistance * (kXY[IDX_Y] - yCenter) > 0) {
  264.                     // Log.d("ANDROID_LAB", "compare:" +
  265.                     // listTxt.get(k).getText());
  266.                     if (isXMixed(startX, endX, iXY[IDX_X], iXY[IDX_X]
  267.                             + iXY[IDX_TXT_LENGTH])) {
  268.                         int tmpMove = Math.abs(iXY[IDX_Y] - kXY[IDX_Y]);
  269.                         if (tmpMove > yItem) {
  270.                             yMove = tmpMove;
  271.                         } else if (yMove > 0) {
  272.                             // 取消默认值。
  273.                             yMove = 0;
  274.                         }
  275.                         // Log.d("ANDROID_LAB", "break");
  276.                         break inner;
  277.                     }
  278.                 }
  279.             }
  280.             // Log.d("ANDROID_LAB", txt.getText() + " yMove=" + yMove);
  281.             if (yMove > yItem) {
  282.                 int maxMove = yMove - yItem;
  283.                 int randomMove = random.nextInt(maxMove);
  284.                 int realMove = Math.max(randomMove, maxMove >> 1) * yDistance
  285.                         / Math.abs(yDistance);
  286.                 iXY[IDX_Y] = iXY[IDX_Y] - realMove;
  287.                 iXY[IDX_DIS_Y] = Math.abs(iXY[IDX_Y] - yCenter);
  288.                 // 已经调整过前i个须要再次排序
  289.                 sortXYList(listTxt, i + 1);
  290.             }
  291.             FrameLayout.LayoutParams layParams = new FrameLayout.LayoutParams(
  292.                     FrameLayout.LayoutParams.WRAP_CONTENT,
  293.                     FrameLayout.LayoutParams.WRAP_CONTENT);
  294.             layParams.gravity = Gravity.LEFT | Gravity.TOP;
  295.             layParams.leftMargin = iXY[IDX_X];
  296.             layParams.topMargin = iXY[IDX_Y];
  297.             addView(txt, layParams);
  298.             // 动画
  299.             AnimationSet animSet = getAnimationSet(iXY, xCenter, yCenter,
  300.                     txtAnimInType);
  301.             txt.startAnimation(animSet);
  302.         }
  303.     }
  305.     public AnimationSet getAnimationSet(int[] xy, int xCenter, int yCenter,
  306.             int type) {
  307.         AnimationSet animSet = new AnimationSet(true);
  308.         animSet.setInterpolator(interpolator);
  309.         if (type == OUTSIDE_TO_LOCATION) {
  310.             animSet.addAnimation(animAlpha2Opaque);
  311.             animSet.addAnimation(animScaleLarge2Normal);
  312.             TranslateAnimation translate = new TranslateAnimation((xy[IDX_X]
  313.                     + (xy[IDX_TXT_LENGTH] >> 1) - xCenter) << 1, 0,
  314.                     (xy[IDX_Y] - yCenter) << 1, 0);
  315.             animSet.addAnimation(translate);
  316.         } else if (type == LOCATION_TO_OUTSIDE) {
  317.             animSet.addAnimation(animAlpha2Transparent);
  318.             animSet.addAnimation(animScaleNormal2Large);
  319.             TranslateAnimation translate = new TranslateAnimation(0, (xy[IDX_X]
  320.                     + (xy[IDX_TXT_LENGTH] >> 1) - xCenter) << 1, 0,
  321.                     (xy[IDX_Y] - yCenter) << 1);
  322.             animSet.addAnimation(translate);
  323.         } else if (type == LOCATION_TO_CENTER) {
  324.             animSet.addAnimation(animAlpha2Transparent);
  325.             animSet.addAnimation(animScaleNormal2Zero);
  326.             TranslateAnimation translate = new TranslateAnimation(0,
  327.                     (-xy[IDX_X] + xCenter), 0, (-xy[IDX_Y] + yCenter));
  328.             animSet.addAnimation(translate);
  329.         } else if (type == CENTER_TO_LOCATION) {
  330.             animSet.addAnimation(animAlpha2Opaque);
  331.             animSet.addAnimation(animScaleZero2Normal);
  332.             TranslateAnimation translate = new TranslateAnimation(
  333.                     (-xy[IDX_X] + xCenter), 0, (-xy[IDX_Y] + yCenter), 0);
  334.             animSet.addAnimation(translate);
  335.         }
  336.         animSet.setDuration(animDuration);
  337.         return animSet;
  338.     }
  340.     /**
  341.      * 依据与中心点的距离由近到远进行冒泡排序。
  343. *
  344.      * @param endIdx
  345.      *            起始位置。
  346.      * @param txtArr
  347.      *            待排序的数组。
  348.      *
  349.      */
  350.     private void sortXYList(LinkedList<TextView> listTxt, int endIdx) {
  351.         for (int i = 0; i < endIdx; i++) {
  352.             for (int k = i + 1; k < endIdx; k++) {
  353.                 if (((int[]) listTxt.get(k).getTag())[IDX_DIS_Y] < ((int[]) listTxt
  354.                         .get(i).getTag())[IDX_DIS_Y]) {
  355.                     TextView iTmp = listTxt.get(i);
  356.                     TextView kTmp = listTxt.get(k);
  357.                     listTxt.set(i, kTmp);
  358.                     listTxt.set(k, iTmp);
  359.                 }
  360.             }
  361.         }
  362.     }
  364.     /** A线段与B线段所代表的直线在X轴映射上是否有交集。
  366. */
  367.     private boolean isXMixed(int startA, int endA, int startB, int endB) {
  368.         boolean result = false;
  369.         if (startB >= startA && startB <= endA) {
  370.             result = true;
  371.         } else if (endB >= startA && endB <= endA) {
  372.             result = true;
  373.         } else if (startA >= startB && startA <= endB) {
  374.             result = true;
  375.         } else if (endA >= startB && endA <= endB) {
  376.             result = true;
  377.         }
  378.         return result;
  379.     }
  381.     private int[] randomXY(Random ran, LinkedList<Integer> listX,
  382.             LinkedList<Integer> listY, int xItem) {
  383.         int[] arr = new int[4];
  384.         arr[IDX_X] = listX.remove(ran.nextInt(listX.size()));
  385.         arr[IDX_Y] = listY.remove(ran.nextInt(listY.size()));
  386.         return arr;
  387.     }
  389.     public void onGlobalLayout() {
  390.         int tmpW = getWidth();
  391.         int tmpH = getHeight();
  392.         if (width != tmpW || height != tmpH) {
  393.             width = tmpW;
  394.             height = tmpH;
  395.             show();
  396.         }
  397.     }
  399.     public Vector<String> getKeywords() {
  400.         return vecKeywords;
  401.     }
  403.     public void rubKeywords() {
  404.         vecKeywords.clear();
  405.     }
  407.     /** 直接清除全部的TextView。在清除之前不会显示动画。 */
  408.     public void rubAllViews() {
  409.         removeAllViews();
  410.     }
  412.     public void setOnItemClickListener(OnClickListener listener) {
  413.         itemClickListener = listener;
  414.     }
  416. }

整个呈现效果还是满美观的，然后详细内容能够看源代码，拿来就能用

源代码地址：http://yunpan.cn/cdDvx3Zi9iA5m 訪问password b1b7

Android 好看的搜索界面，大赞Animation的更多相关文章

  1. Android 5.0(棒棒糖))十大新特性

    Android 5.0(棒棒糖))十大新特性 1. 全新Material Design设计风格 Android Lollipop全新的设计语言是受到了多种因素影响,是一种大胆的平面化创新.换句话说,谷 ...

  2. 精美的 ( Android, iPhone, iPad ) 手机界面设计素材和线框图设计工具

    在制作界面原型的时候,如果有现成的界面基础元素可以使用的话,设计师就可以非常快速的完成原型的制作,能够节省大量的时间和精力.在这篇文章, 我向大家分享45套非常有用的 UI 和 Wireframe 套 ...

  3. 好用的有多种样式的搜索界面创建UISearchBar

    之前看到一个别人封装的第三方PYSearch,相当于一个完整的搜索界面,今天在这里进行代码说明一下. 将PYSearch拖进项目或者使用Pods进行加库,我是直接拖进项目中进行使用 PYSearch库 ...

  4. 【随笔】Android应用市场搜索优化（ASO）

    参考了几篇网上的关于Android应用市场搜索优化(ASO)的分析,总结几点如下: 优化关键字:举例目前美团酒店在各Android市场上的关键字有“美团酒店.钟点房.团购.7天”等等,而酒店类竞对在“ ...

  5. Android Tab类型主界面 Fragment+TabPageIndicator+ViewPager

    文章地址: Android项目Tab类型主界面大总结 Fragment+TabPageIndicator+ViewPager 1.使用ViewPager + PagerAdapter 每个页面的内容都 ...

  6. Lucene搜索方式大合集

    package junit; import java.io.File; import java.io.IOException; import java.text.ParseException; imp ...

  7. Android渗透测试Android渗透测试入门教程大学霸

    Android渗透测试Android渗透测试入门教程大学霸 第1章  Android渗透测试 Android是一种基于Linux的自由及开放源代码的操作系统,主要用于移动设备,如智能手机.平板等.目前 ...

  8. Android 在安装完成界面，点击打开应用程序。在应用程序点击home键，再从桌面打开程序导致产生多个实例或者说程序被重复打开

    Android 在安装完成界面,点击打开应用程序.在应用程序点击home键,再从桌面打开程序导致产生多个实例或者说程序被重复打开. etong_123的专栏 - 博客频道 - CSDN.NET htt ...

  9. android FakeWindow的小应用大用途

    android FakeWindow的小应用大用途 在windowmanager里面有一个FakeWindow,细致一看也就是一个透明的应用覆盖到屏幕的最前端,这样有什么优点呢?首先我们还是从应用的需 ...

随机推荐

  1. FCC 基础JavaScript 练习3

    1.通过使用提供的变量参数:名词myNoun.形容词myAdjective.动词myVerb.副词myAdverb,来创建一个新的句子 result, function wordBlanks(myNo ...

  2. union与union all

    union在合并A和B表的时候会先将B表中的数据与A表进行比较,若A表中已存在,则忽略. union all合并时则不比较,直接将A表与B表进行合并. 因此,若已知A与B不存在重复数据,那么union ...

  3. codeforces_459D_(线段树，离散化，求逆序数)

    链接:http://codeforces.com/problemset/problem/459/D D. Pashmak and Parmida's problem time limit per te ...

  4. Exceptions & Errors - 异常与错误

    来源于 Ry’s Objective-C Tutorial - RyPress 一个学习Objective-C基础知识的网站. 个人觉得很棒,所以决定抽时间把章节翻译一下. 本人的英语水平有限,有让大 ...

  5. wpf 自定义Button按钮

    创建ButtonEx类 public class ButtonEx : Button { static ButtonEx() { DefaultStyleKeyProperty.OverrideMet ...

  6. 简单了解jdbcTemplate的queryForList是如何查询

    queryForList方法会调用query方法,同时会传入一个新的ColumnMapRowMapper对象 ArgumentPreparedStatementSetter对象只有一个Object[] ...

  7. Error LNK2019: unresolved external symbol C++模板类声明与定义链接错误问题

    编译器在编译模板时,并不会生成代码,只有遇到实例化的时候才会生成代码.因此,当我们只引用模板声明文件的时候,在实例化的对象时候,模板的定义问文件是不可见的,于是出现链接错误.例如: //A.h #pr ...

  8. Tensorflow学习笔记（1）：tf.slice()函数使用

    tensorflow 当中的一个常用函数:Slice() def slice(input_, begin, size, name=None) 函数的功能是根据begin和size指定获取input的部 ...

  9. UVA-1589 象棋（模拟）

    题目:(传送门) 给出一个象棋的残局,下一步是黑棋走,判断黑棋是不是被将死. 思路: 读完这个题,知道是一个模拟题,然后想到用两个二维数组来模拟棋盘,一个(mp数组)用来存残局,一个(res数组)用来 ...

  10. zabbix+docker

    由于公司线上服务器数量太少,又要用于生产,领导让上zabbix,但熟知zabbix搭建需要LAMP或者LNMP,如果和生产服务器混搭的话,不方便管理,也怕出问题,所以就先使用docker方式搭建管理. ...