先放上效果圖
文字飛入飛出.gif
引入第三方框架
步驟:
第一步:初始化第三方控件
StellarMap mStellarMap = new StellarMap(getActivity());
//1.設置內部的TextView距離四周的內邊距
int padding = 15;//設置控件到外邊距的值
mStellarMap.setInnerPadding(padding, padding, padding, padding);
第二步:設置適配器
mStellarMap.setAdapter(new StellarMapAdapter());
// 設置默認顯示第幾組的數據
mStellarMap.setGroup(0, true);// 這里默認顯示第0組
// 設置x和y方向上的顯示的密度
mStellarMap.setRegularity(11, 11);// 如果值設置的過大,有可能造成子View擺放比較稀疏
第三步:設置適配器參數
class StellarMapAdapter implements StellarMap.Adapter {
/**
* 返回有幾組數據,就是幾頁數據
*/
@Override
public int getGroupCount() {
return list.size()/getCount(0);
}
/**
* 返回每組有多少個數據,每組都有11個
*/
@Override
public int getCount(int group) {
return 11;
}
/**
* 返回需要隨機擺放的View
* group: 表示當前是第幾組
* position: 表示當前組中的位置
*/
@Override
public View getView(int group, int position, View convertView) {
final TextView textView = new TextView(getActivity());
//1.設置文本數據
int listPosition = group*getCount(group) + position;
textView.setText(list.get(listPosition)+"");
//2.設置隨機的文字大小
Random random = new Random();
textView.setTextSize(random.nextInt(10)+14);//14-23
//3.設置隨機的字體顏色
int red = random.nextInt(150);//0-190
int green = random.nextInt(150);//0-190
int blue = random.nextInt(150);//0-190
int color = Color.rgb(red, green, blue);//使用rgb混合生成一種新的顏色
textView.setTextColor(color);
//4.設置點擊事件
textView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
JUtils.Toast(textView.getText().toString());
}
});
return textView;
}
/**
* 當執行完平移動畫后下一組加載哪一組的數據,但是在源碼中沒有任何地方用到改方法,
* 所以此方法并沒有什么用
*/
@Override
public int getNextGroupOnPan(int group, float degree) {
return 0;
}
/**
* 當執行完縮放動畫后下一組加載哪一組的數據
* group: 表示當前是第幾組
*/
@Override
public int getNextGroupOnZoom(int group, boolean isZoomIn) {
//0->1->2->0
return (group+1)%getGroupCount();
}
}