549
android 標簽雲的實現 關於x軸 冒泡排序～瞬間讓你高達上
直接貼代碼不解釋
package com.js.cloudtags;
import java.util.LinkedList;
import java.util.Random;
import java.util.Vector;
import android.content.Context;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.util.TypedValue;
import android.view.Gravity;
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;
import android.widget.TextView;
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 = 10;
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) {
super(context);
// TODO Auto-generated constructor stub
init();
}
public KeywordsFlow(Context context, AttributeSet attrs) {
super(context, attrs);
// TODO Auto-generated constructor stub
init();
}
public KeywordsFlow(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
// TODO Auto-generated constructor stub
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));
}
// 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(2, 2, 2, 0xff696969);
txt.setGravity(Gravity.CENTER);
// 獲取文本長度
Paint paint = txt.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);
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();
// Log.d("ANDROID_LAB", "fix[ " + txt.getText() + " ] x:" +
// iXY[IDX_X] + " y:" + iXY[IDX_Y] + " r2="
// + iXY[IDX_DIS_Y]);
// 第二次修正:修正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;
}
}
}
// Log.d("ANDROID_LAB", txt.getText() + " yMove=" + yMove);
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;
}
// public void onDraw(Canvas canvas) {
// super.onDraw(canvas);
// Paint p = new Paint();
// p.setColor(Color.BLACK);
// canvas.drawCircle((width >> 1) - 2, (height >> 1) - 2, 4, p);
// p.setColor(Color.RED);
// }
}
package com.js.cloudtags;
import java.util.Random;
import android.app.Activity;
import android.content.Intent;
import android.net.Uri;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.TextView;
public class CloudTags extends Activity implements OnClickListener{
/** Called when the activity is first created. */
public String[] keywords = {
"QQ", "Sodino", "APK", "GFW", "鉛筆",
"短信", "桌麵精靈", "MacBook Pro", "平板電腦", "雅詩蘭黛",
"卡西歐 TR-100", "筆記本", "SPY Mouse", "Thinkpad E40", "捕魚達人",
"內存清理", "地圖", "導航", "鬧鍾", "主題",
"通訊錄", "播放器", "CSDN leak", "安全", "3D",
"美女", "天氣", "4743G", "戴爾", "聯想",
"歐朋", "瀏覽器", "憤怒的小鳥", "mmShow", "網易公開課",
"iciba", "油水關係", "網遊App", "互聯網", "365日曆",
"臉部識別", "Chrome", "Safari", "中國版Siri", "A5處理器",
"iPhone4S", "摩托 ME525", "魅族 M9", "尼康 S2500"
};
private KeywordsFlow keywordsFlow;
private Button btnIn, btnOut;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
btnIn = (Button) findViewById(R.id.in);
btnOut = (Button) findViewById(R.id.out);
btnIn.setOnClickListener(this);
btnOut.setOnClickListener(this);
keywordsFlow = (KeywordsFlow) findViewById(R.id.keywordsflow);
keywordsFlow.setDuration(800l);
keywordsFlow.setOnItemClickListener(this);
// 添加
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);
}
}
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
if (v == btnIn) {
keywordsFlow.rubKeywords();
// keywordsFlow.rubAllViews();
feedKeywordsFlow(keywordsFlow, keywords);
keywordsFlow.go2Show(KeywordsFlow.ANIMATION_IN);
} else if (v == btnOut) {
keywordsFlow.rubKeywords();
// keywordsFlow.rubAllViews();
feedKeywordsFlow(keywordsFlow, keywords);
keywordsFlow.go2Show(KeywordsFlow.ANIMATION_OUT);
} else if (v instanceof TextView) {
String keyword = ((TextView) v).getText().toString();
Intent intent = new Intent();
intent.setAction(Intent.ACTION_VIEW);
intent.addCategory(Intent.CATEGORY_DEFAULT);
intent.setData(Uri.parse("https://www.google.com.hk/#q=" + keyword));
startActivity(intent);
}
}
}
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:andro
android:layout_width="fill_parent"
android:layout_height="fill_parent" >
<RelativeLayout
android:
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true" >
<Button
android:
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:text="In" />
<Button
android:
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:text="Out" />
</RelativeLayout>
>
<com.js.cloudtags.KeywordsFlow
android:
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_above="@id/bt_layout" />
</RelativeLayout>
最後更新：2017-04-03 05:39:40