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

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(); 
 } 
} 

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; 
 } 
}