搜索 云标签实现

源码实现http://download.csdn.net/detail/wyoeap/4673397

 

效果图

       

/**
 * 重写方法
 * @author JM
 * */
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  int MAX = 20; 
    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(ranColor);
                // 获取文本长度 
                Paint paint = txt.getPaint(); 
                int strWidth=0;
    try {
     strWidth = (int) Math.ceil(paint.measureText(keyword));
    } catch (Exception e) {
     e.printStackTrace();
    } 
                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(); 
            // 第二次修正:修正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; 
                    } 
                } 
            } 
            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; 
    }  
  }

.Ja va文件

/**
 * Android 搜索云标签
 * @author JM
 * */
public class KeyWordsFlowActivity extends Activity {
    /** Called when the activity is first created. */
 KeywordsFlow keywordsFlow;
 private int MAX_WORLDS=20;
 int aa=2;
 public static String[] Namekeywords={"今生今世","秋风吹过黄昏","落叶飘起来","真真假假","春寒料峭","一池水","一轮月","一句祝愿"};
 
  Handler nameshandler = new Handler() {
   @Override
   public void handleMessage(Message msg) {
    super.handleMessage(msg);
   switch (msg.what) {
   case 2:
    
    keywordsFlow.rubKeywords();
    feedKeywordsFlow(keywordsFlow,Namekeywords);
    keywordsFlow.removeAllViews();
    Random random = new Random();
    int ran = random.nextInt(10);
    if (ran % 2 == 0) {
     keywordsFlow.go2Show(KeywordsFlow.ANIMATION_OUT);
    } else {
     keywordsFlow.go2Show(KeywordsFlow.ANIMATION_IN);
    }
    break;

   default:
    break;
   } 
    
      }
    };
     boolean isshowkeyflower = true;
     showThread thread;

    class showThread extends Thread {
     @Override
      public void run() {
     while (isshowkeyflower) {
     try {
     if (aa==2) {
      nameshandler.sendEmptyMessage(2);
     }
     sleep(6000);
    } catch (InterruptedException e) {
     e.printStackTrace();
    }
   }
  }
 }
 
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        /* 会飞的标签 */
  keywordsFlow = (KeywordsFlow)findViewById(R.id.frameLayout1);
  
  keywordsFlow.setOnItemClickListener(new OnClickListener() {

   @Override
   public void onClick(View v) {
    String keyword = ((TextView) v).getText().toString();
    Toast.makeText(KeyWordsFlowActivity.this, keyword,
      Toast.LENGTH_SHORT).show();    
   }
  });       
 }
    Thread myThread;

 @Override
 protected void onResume() {
  super.onResume();

  // 启动更新进度条的线程
  isshowkeyflower = true;
  thread = new showThread();
  thread.start();
 }
    
 private void feedKeywordsFlow(KeywordsFlow keywordsFlow, String[] arr) {
  Random random = new Random();
  for (int i = 0; i < MAX_WORLDS; i++) {
   int ran = random.nextInt(arr.length);
   String tmp = arr[ran];
   keywordsFlow.feedKeyword(tmp);
  }
 }
}

.xml

<com.wordflow.cn.ui.KeywordsFlow
        android:id="@+id/frameLayout1"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" >
    </com.wordflow.cn.ui.KeywordsFlow>