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 searchItem;  private String longhistory;  private SharedPreferences sp;  private ArrayList 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();    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(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 vecKeywords;  private int width, height;  /**   * go2Show()中被赋值为true，标识开发人员触发其开始动画显示。
   * 本标识的作用是防止在填充keywrods未完成的过程中获取到width和height后提前启动动画。
   * 在show()方法中其被赋值为false。
   * 真正能够动画显示的另一必要条件：width 和 height不为0。
   */  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(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;  }   /**   * 开始动画显示。
   * 之前已经存在的TextView将会显示退出动画。
   *   * @return 正常显示动画返回true；反之为false。返回false原因如下：
   *   1.时间上不允许，受lastStartAnimationTime的制约；
   *   2.未获取到width和height的值。
   */  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 listX = new LinkedList(), listY = new LinkedList();    for (int i = 0; i < size; i++) {     // 准备随机候选数，分别对应x/y轴位置     listX.add(i * xItem);     listY.add(i * yItem + (yItem >> 2));    }    LinkedList listTxtTop = new LinkedList();    LinkedList listTxtBottom = new LinkedList();    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 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
    // 对于可以一路下降到中心点的，则该值也是其应调整的大小
    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 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 listX,    LinkedList 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 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实现圆形云标签效果

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

更多相关文章

随机推荐