Android实现随机圆形云标签效果

本文实例为大家分享了Android实现圆形云标签效果展示的具体代码，供大家参考，具体内容如下

下面是实现的效果图：

这个适合用于选择 用户的一些兴趣标签，个性名片等。

代码：

Activity

package com.dyl.cloudtags; 

import java.util.ArrayList;
import java.util.Arrays;
import java.util.Random; 

import android.app.Activity;
import android.content.SharedPreferences;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast; 

public class MainActivity extends Activity { 

 private KeywordsFlow keywordsFlow;
 private String[] keywords;
 public static final String SEARCH_HISTORY = "search_history";
 private ArrayList<SearchDataPojo> searchItem;
 private String longhistory;
 private SharedPreferences sp;
 private ArrayList<String> history;
 private EditText world_shopping_search_input;
 private TextView world_city_refresh, clear_history;
 private ImageView toSearch; 

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  initView();
  initSearchHistory();
  refreshTags();
 } 

 private void initView() {
  world_shopping_search_input = (EditText) findViewById(R.id.world_shopping_search_input);
  keywordsFlow = (KeywordsFlow) findViewById(R.id.keywordsflow); 

  world_city_refresh = (TextView) findViewById(R.id.world_city_refresh);
  world_city_refresh.setOnClickListener(new OnClickListener() { 

   @Override
   public void onClick(View arg0) {
    refreshTags();
   }
  }); 

  clear_history = (TextView) findViewById(R.id.clear_history);
  clear_history.setOnClickListener(new OnClickListener() { 

   @Override
   public void onClick(View arg0) {
    clearSearchHistory();
   }
  }); 

  toSearch = (ImageView) findViewById(R.id.toSearch);
  toSearch.setOnClickListener(new OnClickListener() { 

   @Override
   public void onClick(View arg0) {
    saveSearchHistory();
    refreshTags();
   }
  });
 } 

 private void refreshTags() {
  initSearchHistory();
  keywordsFlow.setDuration(800l);
  keywordsFlow.setOnItemClickListener(new OnClickListener() { 

   @Override
   public void onClick(View v) {
    String keyword = ((TextView) v).getText().toString();// 获得点击的标签
    world_shopping_search_input.setText(keyword);
   }
  });
  // 添加
  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);
  }
 } 

 /**
  * 读取历史搜索记录
  */
 private void initSearchHistory() {
  sp = getSharedPreferences(MainActivity.SEARCH_HISTORY, 0);
  longhistory = sp.getString(MainActivity.SEARCH_HISTORY, "");
  if (!longhistory.equals("")) {
   keywords = longhistory.split(",");
   searchItem = new ArrayList<SearchDataPojo>();
   for (int i = 0; i < keywords.length; i++) {
    searchItem.add(new SearchDataPojo().setContent(keywords[i]));
   }
  } else {// 如果SharedPreferences没有值得话，就显示默认的数据
   keywords = new String[] { "口味虾", "牛蛙", "火锅", "真功夫", "料理",
     "密室逃", "天成房", "波比艾" };
  }
 } 

 /*
  * 保存搜索记录
  */
 private void saveSearchHistory() {
  String text = world_shopping_search_input.getText().toString().trim();
  Toast.makeText(this, text, Toast.LENGTH_LONG).show();
  if (!text.equals("") && text != null) {
   if (text.length() < 1) {
    return;
   }
   sp = getSharedPreferences(SEARCH_HISTORY, 0);
   String longhistory = sp.getString(SEARCH_HISTORY, "");
   String[] tmpHistory = longhistory.split(",");
   history = new ArrayList<String>(Arrays.asList(tmpHistory));
   if (history.size() > 0) {
    int i;
    for (i = 0; i < history.size(); i++) {
     if (text.equals(history.get(i))) {
      history.remove(i);
      break;
     }
    }
    history.add(0, text);
   }
   if (history.size() > 0) {
    StringBuilder sb = new StringBuilder();
    for (int i = 0; i < history.size(); i++) {
     sb.append(history.get(i) + ",");
    }
    sp.edit().putString(SEARCH_HISTORY, sb.toString()).commit();
   } else {
    sp.edit().putString(SEARCH_HISTORY, text + ",").commit();
   }
   clear_history.setVisibility(View.VISIBLE);
  }
 } 

 // 清除历史数据
 private void clearSearchHistory() {
  searchItem.removeAll(searchItem);
  sp.edit().clear().commit();
  Toast.makeText(this, "清除历史记录", Toast.LENGTH_LONG).show();
 }
} 

用于将控件设置为圆形的自定义TextView

package com.dyl.cloudtags; 

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.PaintFlagsDrawFilter;
import android.util.AttributeSet;
import android.widget.TextView; 

public class CircleView extends TextView { 

 private Paint mBgPaint = new Paint(); 

 PaintFlagsDrawFilter pfd = new PaintFlagsDrawFilter(0, Paint.ANTI_ALIAS_FLAG|Paint.FILTER_BITMAP_FLAG); 

 public CircleView(Context context, AttributeSet attrs, int defStyle) {
  super(context, attrs, defStyle);
  // TODO Auto-generated constructor stub
 } 

 public CircleView(Context context, AttributeSet attrs) {
  super(context, attrs);
  // TODO Auto-generated constructor stub
  mBgPaint.setColor(Color.WHITE);
  mBgPaint.setAntiAlias(true);
 } 

 public CircleView(Context context) {
  super(context);
  // TODO Auto-generated constructor stub
  mBgPaint.setColor(Color.WHITE);
  mBgPaint.setAntiAlias(true);
 } 

 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
  // TODO Auto-generated method stub
  super.onMeasure(widthMeasureSpec, heightMeasureSpec);
  int measuredWidth = getMeasuredWidth();
  int measuredHeight = getMeasuredHeight();
  int max = Math.max(measuredWidth, measuredHeight);
  setMeasuredDimension(max, max);
 } 

 @Override
 public void setBackgroundColor(int color) {
  // TODO Auto-generated method stub
  mBgPaint.setColor(color);
 } 

 /**
  * 设置通知个数显示
  * @param text
  */
 public void setNotifiText(int text){
  //  if(text>99){
  //   String string = 99+"+";
  //   setText(string);
  //   return;
  //  }
  setText(text+"");
 } 

 @Override
 public void draw(Canvas canvas) {
  // TODO Auto-generated method stub
  canvas.setDrawFilter(pfd);
  canvas.drawCircle(getWidth()/2, getHeight()/2, Math.max(getWidth(), getHeight())/2, mBgPaint);
  super.draw(canvas);
 }
} 

自定义布局用于动态生成多个控件 核心类

package com.dyl.cloudtags; 

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.graphics.drawable.GradientDrawable;
import android.util.AttributeSet;
import android.view.Gravity;
import android.view.LayoutInflater;
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; 

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 = 12;
 public static final int TEXT_SIZE_MAX = 20;
 public static final int TEXT_SIZE_MIN = 10;
 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; 

 private int txtAnimInType, txtAnimOutType;
 /** 最近一次启动动画显示的时间。 */
 private long lastStartAnimationTime;
 /** 动画运行时间。 */
 private long animDuration;
 private Context context;
 public KeywordsFlow(Context context) {
  super(context);
  init();
 } 

 public KeywordsFlow(Context context, AttributeSet attrs) {
  super(context, attrs);
  init();
 } 

 public KeywordsFlow(Context context, AttributeSet attrs, int defStyle) {
  super(context, attrs, defStyle);
  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 CircleView txv = (CircleView) getChildAt(i);
   if (txv.getVisibility() == View.GONE) {
    removeView(txv);
    continue;
   }
   FrameLayout.LayoutParams layParams = (LayoutParams) txv
     .getLayoutParams();
   int[] xy = new int[] { layParams.leftMargin, layParams.topMargin,
     txv.getWidth() };
   AnimationSet animSet = getAnimationSet(xy, (width >> 1),
     (height >> 1), txtAnimOutType);
   txv.startAnimation(animSet);
   animSet.setAnimationListener(new AnimationListener() {
    public void onAnimationStart(Animation animation) {
    } 

    public void onAnimationRepeat(Animation animation) {
    } 

    public void onAnimationEnd(Animation animation) {
     txv.setOnClickListener(null);
     txv.setClickable(false);
     txv.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;
   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));
   }
   LinkedList<CircleView> listTxtTop = new LinkedList<CircleView>();
   LinkedList<CircleView> listTxtBottom = new LinkedList<CircleView>();
   for (int i = 0; i < size; i++) {
    String keyword = vecKeywords.get(i);
    // 随机位置，糙值
    int xy[] = randomXY(random, listX, listY, xItem);
    // 实例化TextView
    final CircleView txv = new CircleView(getContext());
    txv.setBackgroundResource(R.drawable.text_view_border);
    txv.setGravity(Gravity.CENTER);
    txv.setOnClickListener(itemClickListener);
    txv.setText(keyword);
    txv.setTextColor(Color.WHITE);
    txv.setPadding(8, 6, 8, 6);
    txv.setSingleLine(true);
    int r = random.nextInt(256);
    int g= random.nextInt(256);
    int b = random.nextInt(256);
    int mColor = Color.rgb(r, g, b);
    GradientDrawable myGrad = (GradientDrawable)txv.getBackground();
    myGrad.setColor(mColor);
//    txv.setBackgroundColor(mColor);
    // 获取文本长度
    Paint paint = txv.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);
    txv.setTag(xy);
    if (xy[IDX_Y] > yCenter) {
     listTxtBottom.add(txv);
    } else {
     listTxtTop.add(txv);
    }
   }
   attach2Screen(listTxtTop, xCenter, yCenter, yItem);
   attach2Screen(listTxtBottom, xCenter, yCenter, yItem);
   return true;
  }
  return false;
 } 

 /** 修正TextView的Y坐标将将其添加到容器上。 */
 private void attach2Screen(LinkedList<CircleView> listTxt, int xCenter,
   int yCenter, int yItem) {
  int size = listTxt.size();
  sortXYList(listTxt, size);
  for (int i = 0; i < size; i++) {
   CircleView txv = listTxt.get(i);
   int[] iXY = (int[]) txv.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) {
     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;
      }
      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(txv, layParams);
   // 动画
   AnimationSet animSet = getAnimationSet(iXY, xCenter, yCenter,
     txtAnimInType);
   txv.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<CircleView> 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]) {
     CircleView iTmp = listTxt.get(i);
     CircleView 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;
 }
} 

package com.dyl.cloudtags; 

/**
 * 搜索记录
 * @author dengyalan
 *
 */
public class SearchDataPojo { 

 private String content = ""; 

 public String getContent() {
  return content;
 } 

 public SearchDataPojo setContent(String content) {
  this.content = content;
  return this;
 }
} 

源码下载：Android实现圆形云标签效果

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。