109_飞入飞出效果的集成
飞入飞出效果的集成
首先我们需要用到一个开源的第三方自定义控件类
StellarMap
这个自定义控件也是写的不错的
网上有好多好多开源的第三方库都可以用
这些自定义控件类也都可以用
很多大神写得很牛逼
这个StellarMap代码如下
public class StellarMap extends FrameLayout implements AnimationListener, OnTouchListener, OnGestureListener {
private RandomLayout mHidenGroup;
private RandomLayout mShownGroup;
private Adapter mAdapter;
private RandomLayout.Adapter mShownGroupAdapter;
private RandomLayout.Adapter mHidenGroupAdapter;
private int mShownGroupIndex;// 显示的组
private int mHidenGroupIndex;// 隐藏的组
private int mGroupCount;// 组数
/**
* 动画
*/
private Animation mZoomInNearAnim;
private Animation mZoomInAwayAnim;
private Animation mZoomOutNearAnim;
private Animation mZoomOutAwayAnim;
private Animation mPanInAnim;
private Animation mPanOutAnim;
/**
* 手势识别器
*/
private GestureDetector mGestureDetector;
/**
* 构造方法
*/
public StellarMap(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
init();
}
public StellarMap(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
public StellarMap(Context context) {
super(context);
init();
}
/**
* 初始化方法
*/
private void init() {
mGroupCount = 0;
mHidenGroupIndex = -1;
mShownGroupIndex = -1;
mHidenGroup = new RandomLayout(getContext());
mShownGroup = new RandomLayout(getContext());
addView(mHidenGroup, new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));
mHidenGroup.setVisibility(View.GONE);
addView(mShownGroup, new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));
mGestureDetector = new GestureDetector(this);
setOnTouchListener(this);
//设置动画
mZoomInNearAnim = AnimationUtil.createZoomInNearAnim();
mZoomInNearAnim.setAnimationListener(this);
mZoomInAwayAnim = AnimationUtil.createZoomInAwayAnim();
mZoomInAwayAnim.setAnimationListener(this);
mZoomOutNearAnim = AnimationUtil.createZoomOutNearAnim();
mZoomOutNearAnim.setAnimationListener(this);
mZoomOutAwayAnim = AnimationUtil.createZoomOutAwayAnim();
mZoomOutAwayAnim.setAnimationListener(this);
}
/**
* 设置隐藏组和显示组的x和y的规则
*/
public void setRegularity(int xRegularity, int yRegularity) {
mHidenGroup.setRegularity(xRegularity, yRegularity);
mShownGroup.setRegularity(xRegularity, yRegularity);
}
private void setChildAdapter() {
if (null == mAdapter) {
return;
}
mHidenGroupAdapter = new RandomLayout.Adapter() {
//取出本Adapter的View对象给HidenGroup的Adapter
@Override
public View getView(int position, View convertView) {
return mAdapter.getView(mHidenGroupIndex, position, convertView);
}
@Override
public int getCount() {
return mAdapter.getCount(mHidenGroupIndex);
}
};
mHidenGroup.setAdapter(mHidenGroupAdapter);
mShownGroupAdapter = new RandomLayout.Adapter() {
//取出本Adapter的View对象给ShownGroup的Adapter
@Override
public View getView(int position, View convertView) {
return mAdapter.getView(mShownGroupIndex, position, convertView);
}
@Override
public int getCount() {
return mAdapter.getCount(mShownGroupIndex);
}
};
mShownGroup.setAdapter(mShownGroupAdapter);
}
/**
* 设置本Adapter
*/
public void setAdapter(Adapter adapter) {
mAdapter = adapter;
mGroupCount = mAdapter.getGroupCount();
if (mGroupCount > 0) {
mShownGroupIndex = 0;
}
setChildAdapter();
}
/**
* 设置显示区域
*/
public void setInnerPadding(int paddingLeft, int paddingTop, int paddingRight, int paddingBottom) {
mHidenGroup.setPadding(paddingLeft, paddingTop, paddingRight, paddingBottom);
mShownGroup.setPadding(paddingLeft, paddingTop, paddingRight, paddingBottom);
}
/**
* 给指定的Group设置动画
*/
public void setGroup(int groupIndex, boolean playAnimation) {
switchGroup(groupIndex, playAnimation, mZoomInNearAnim, mZoomInAwayAnim);
}
/**
* 获取当前显示的group角标
*/
public int getCurrentGroup() {
return mShownGroupIndex;
}
/**
* 给Group设置动画入
*/
public void zoomIn() {
final int nextGroupIndex = mAdapter.getNextGroupOnZoom(mShownGroupIndex, true);
switchGroup(nextGroupIndex, true, mZoomInNearAnim, mZoomInAwayAnim);
}
/**
* 给Group设置出动画
*/
public void zoomOut() {
final int nextGroupIndex = mAdapter.getNextGroupOnZoom(mShownGroupIndex, false);
switchGroup(nextGroupIndex, true, mZoomOutNearAnim, mZoomOutAwayAnim);
}
/**
* 给Group设置动画
*/
public void pan(float degree) {
final int nextGroupIndex = mAdapter.getNextGroupOnPan(mShownGroupIndex, degree);
mPanInAnim = AnimationUtil.createPanInAnim(degree);
mPanInAnim.setAnimationListener(this);
mPanOutAnim = AnimationUtil.createPanOutAnim(degree);
mPanOutAnim.setAnimationListener(this);
switchGroup(nextGroupIndex, true, mPanInAnim, mPanOutAnim);
}
/**
* 给下一个Group设置进出动画
*/
private void switchGroup(int newGroupIndex, boolean playAnimation, Animation inAnim, Animation outAnim) {
if (newGroupIndex < 0 || newGroupIndex >= mGroupCount) {
return;
}
//把当前显示Group角标设置为隐藏的
mHidenGroupIndex = mShownGroupIndex;
//把下一个Group角标设置为显示的
mShownGroupIndex = newGroupIndex;
// 交换两个Group
RandomLayout temp = mShownGroup;
mShownGroup = mHidenGroup;
mShownGroup.setAdapter(mShownGroupAdapter);
mHidenGroup = temp;
mHidenGroup.setAdapter(mHidenGroupAdapter);
//刷新显示的Group
mShownGroup.refresh();
//显示Group
mShownGroup.setVisibility(View.VISIBLE);
//启动动画
if (playAnimation) {
if (mShownGroup.hasLayouted()) {
mShownGroup.startAnimation(inAnim);
}
mHidenGroup.startAnimation(outAnim);
} else {
mHidenGroup.setVisibility(View.GONE);
}
}
// 重新分配显示区域
public void redistribute() {
mShownGroup.redistribute();
}
/**
* 动画监听
*/
@Override
public void onAnimationStart(Animation animation) {
// 当动画启动
}
@Override
public void onAnimationEnd(Animation animation) {
// 当动画结束
if (animation == mZoomInAwayAnim || animation == mZoomOutAwayAnim || animation == mPanOutAnim) {
mHidenGroup.setVisibility(View.GONE);
}
}
@Override
public void onAnimationRepeat(Animation animation) {
// 当动画重复
}
/**
* 定位
*/
@Override
public void onLayout(boolean changed, int l, int t, int r, int b) {
//用以判断ShownGroup是否onLayout的变量
boolean hasLayoutedBefore = mShownGroup.hasLayouted();
super.onLayout(changed, l, t, r, b);
if (!hasLayoutedBefore && mShownGroup.hasLayouted()) {
mShownGroup.startAnimation(mZoomInNearAnim);//第一次layout的时候启动动画
} else {
mShownGroup.setVisibility(View.VISIBLE);
}
}
/**
* 重写onTouch事件，把onTouch事件分配给手势识别
*/
@Override
public boolean onTouch(View v, MotionEvent event) {
return mGestureDetector.onTouchEvent(event);
}
/**
* 消费掉onDown事件
*/
@Override
public boolean onDown(MotionEvent e) {
return true;
}
/**
* 空实现
*/
@Override
public void onShowPress(MotionEvent e) {
}
@Override
public boolean onSingleTapUp(MotionEvent e) {
return false;
}
@Override
public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
return false;
}
@Override
public void onLongPress(MotionEvent e) {
}
@Override
public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
int centerX = getMeasuredWidth() / 2;
int centerY = getMeasuredWidth() / 2;
int x1 = (int) e1.getX() - centerX;
int y1 = (int) e1.getY() - centerY;
int x2 = (int) e2.getX() - centerX;
int y2 = (int) e2.getY() - centerY;
if ((x1 * x1 + y1 * y1) > (x2 * x2 + y2 * y2)) {
zoomOut();
} else {
zoomIn();
}
return true;
}
/**
* 内部类、接口
*/
public static interface Adapter {
public abstract int getGroupCount();
public abstract int getCount(int group);
public abstract View getView(int group, int position, View convertView);
public abstract int getNextGroupOnPan(int group, float degree);
public abstract int getNextGroupOnZoom(int group, boolean isZoomIn);
}
}
接着我们就来实现效果
先在布局文件中创建这个StellarMap
然后我们看看这个StellarMap有哪些方法
我们根据StellarMap里面的方法来设置效果
先来个上下左右的边距
sm_content.setInnerPadding(innerPadding,innerPadding,innerPadding,innerPadding);
再设置一个adapter
这里的adapter我们就要去StellarMap里面看看他是怎么写的
我们看见是要创建一个类继承StellarMap的Adapter,然后覆写几个方法
其实就跟我们的ListView这些一样的模式,搞一个Adapter适配
先来个adapter
public class InvestRecommendStellarMapAdapter implements StellarMap.Adapter {
private String[] mStringArr;
private Random mRandom = new Random();
public InvestRecommendStellarMapAdapter(String[] stringArr) {
this.mStringArr=stringArr;
}
@Override
public int getGroupCount() {
return 1;
}
@Override
public int getCount(int group) {
return mStringArr.length;
}
@Override
public View getView(int group, int position, View convertView) {
TextView textView = new TextView(MyApplication.sContext);
//随机生成字体大小
textView.setTextSize(10+mRandom.nextInt(10));
//随机生成字体颜色
int r = mRandom.nextInt(210);
int g = mRandom.nextInt(210);
int b = mRandom.nextInt(210);
int color = Color.rgb(r, g, b);
textView.setTextColor(color);
textView.setText(mStringArr[position]);
return textView;
}
@Override
public int getNextGroupOnPan(int group, float degree) {
return 0;
}
@Override
public int getNextGroupOnZoom(int group, boolean isZoomIn) {
return 0;
}
}
然后设置一下
sm_content.setAdapter(new InvestRecommendStellarMapAdapter(datas));
分配规则和动画
sm_content.setRegularity(4,4);
sm_content.setGroup(0,true);