转载请标明出处：
http://blog.csdn.net/Iamzgx/article/details/53168567
本文出自:【iGoach的博客】
最近一直在做直播的功能，所以平时也抽时间总结下这些功能，今天就来说下直播间玩色子游戏，这个功能在抱抱app里面就有。感兴趣的同学可以去看下。
其实这功能也不算太难，只能说他是AnimatorSet的结合体，把步骤分清楚就好写了，连TypeEvaluator接口都不用实现。
注意：这里说的是使用AnimatorSet，不是AnimationSet。他两有什么区别呢？AnimatorSet用于Property Animation，AnimationSet用于View Animation。现在google提倡使用Property Animation。而且很早就提供了nineoldandroids向下兼容包,这里我们也用这个兼容包.
这个动画仔细看下，我们会发现，它的动画范围是在整个屏幕，那么我们可以先准备好我们要做动画的View，然后把这些动画通过AnimatorSet串联起来start就行了。下面就来创建这些View吧。
首先是带色子的托盘，我们可以通过自定义LinearLayout创建，这个ViewGroup可以通过设置的点数显示不同的色子点数。把它命名为DiceLayout。先定义它的几个属性
<declare-styleable name="DiceLayout">
<attr name="drawableName" format="string"/>
<attr name="isTray" format="boolean"/>
</declare-styleable>这里解释下上面的几个属性，drawableName主要是通过getIdentifier找资源的时候要用到的资源名。isTray主要控制色子是否是水平排列。
属性定义好之后，接下来就是查找属性然后添加色子view，具体看下面代码
public DiceLayout(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.DiceLayout);
drawableName = typedArray.getString(R.styleable.DiceLayout_drawableName);
isTray = typedArray.getBoolean(R.styleable.DiceLayout_isTray,true);
if(TextUtils.isEmpty(drawableName))
drawableName = DEFAULT_DRAWABLE_NAME;
typedArray.recycle();
setGravity(Gravity.CENTER);
setOrientation(LinearLayout.HORIZONTAL);
Random random = new Random();
setDiceNum(new int[]{1+random.nextInt(6),1+random.nextInt(6),1+random.nextInt(6)});
}
public void setTray(boolean tray) {
isTray = tray;
}
public void setDrawableName(String drawableName) {
if(!TextUtils.isEmpty(drawableName))
this.drawableName = drawableName;
}
private ImageView addDiceView(int position){
ImageView imageView = new ImageView(getContext());
LayoutParams layoutParams = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
if(isTray){
if(position!=0)
layoutParams.leftMargin = DensityUtil.dip2px(getContext(),5);
if(position!=1)
layoutParams.bottomMargin = DensityUtil.dip2px(getContext(),5);
}
imageView.setLayoutParams(layoutParams);
imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
return imageView;
}上面主要是查找属性进行初始化，然后设置一个默认的初始化点数。同时添加了set属性方法。
然后实现对外设置色子数方法
public void setDiceNum(int[] rockNumberResults){
if(rockNumberResults.length!=3)
rockNumberResults = new int[]{1,1,1};
int firstDiceNum = cling(1,6,rockNumberResults[0]);
int secondDiceNum = cling(1,6,rockNumberResults[1]);
int threeDiceNum = cling(1,6,rockNumberResults[2]);
removeAllViews();
int firstDiceRes = getContext().getResources().getIdentifier(drawableName+firstDiceNum,
"drawable",getContext().getPackageName());
int secondDiceRes = getContext().getResources().getIdentifier(drawableName+secondDiceNum,
"drawable",getContext().getPackageName());
int threeDiceRes = getContext().getResources().getIdentifier(drawableName+threeDiceNum,
"drawable",getContext().getPackageName());
for (int i = 0; i < 3; i++) {
ImageView childView = addDiceView(i);
childView.setImageResource(i==1?secondDiceRes:i==2?threeDiceRes:firstDiceRes);
addView(childView);
}
}
public void startRotationAnim(int[] DiceNumberResults){
startRotationAnim(DiceNumberResults,-1);
}
public void startRotationAnim(final int[] DiceNumberResults,final int animTime){
for (int i = 0; i < getChildCount(); i++) {
View childView = getChildAt(i);
if(childView instanceof ImageView){
ImageView diceIv = (ImageView)childView;
diceIv.setImageResource(R.drawable.dice_user_anim);
final AnimationDrawable animDrawable = (AnimationDrawable) diceIv.getDrawable();
if(animTime>=0){
Observable.timer(animTime, TimeUnit.SECONDS)
.observeOn(AndroidSchedulers.mainThread())
.subscribe(new Action1<Long>() {
@Override
public void call(Long aLong) {
animDrawable.stop();
setDiceNum(DiceNumberResults);
}
});
}
animDrawable.start();
}
}
}
public static int cling(int min, int max, int value) {
return Math.min(Math.max(min, value), max);
}解释下上面代码，这里把色子数传递，然后重置色子这三个子view，通过getIdentifier查找资源id设置色子对应点数的图片。其中getIdentifier的使用为
通过getResource获取getIdentifier方法，getIdentifier方法三个参数分别为资源名，资源所在的路径名，资源所在的包名
同时提供一个开始旋转色子数的动画方法startRotationAnim，这里我尝试使用了propertyAnimation来做旋转效果，效果不太好，所以这里我使用Drawable Animation来实现效果更好。由于Drawable Animation只能配置android:oneshot为true or false来执行一遍或者无限循环，所以这里我使用定时器来实现旋转传递的时间animTime后停止动画，定时器使用rxJava实现。
注意Rx需要在build引入包，配置好即可使用，无需jar包
compile 'io.reactivex:rxandroid:1.1.0'
compile 'io.reactivex:rxjava:1.1.0'同时提供下简单的drawable animation 的xml
<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
android:oneshot="false">
<item
android:drawable="@drawable/dice_d_1"
android:duration="10"/>
<item
android:drawable="@drawable/dice_d_2"
android:duration="10"/>
<item
android:drawable="@drawable/dice_d_3"
android:duration="10"/>
<item
android:drawable="@drawable/dice_d_4"
android:duration="10"/>
<item
android:drawable="@drawable/dice_d_5"
android:duration="10"/>
<item
android:drawable="@drawable/dice_d_6"
android:duration="10"/>
<item
android:drawable="@drawable/dice_d_7"
android:duration="10"/>
</animation-list>托盘创建好之后，接下来通过自定义RelativeLayout，在自定义RelativeLayout里面添加托盘和色盅，以及处理动画。这里命名为DiceAnimLayout
在DiceAnimLayout里面先addView
private void addChildView(){
//添加托盘
trayLayout = new DiceLayout(getContext());
trayLayout.setDrawableName("dice_icon");
trayLayout.setTray(true);
trayLayout.setBackgroundResource(R.drawable.dice_tray_icon);
LayoutParams diceLayoutParams = new LayoutParams(LayoutParams.WRAP_CONTENT,
LayoutParams.WRAP_CONTENT);
diceLayoutParams.addRule(RelativeLayout.ALIGN_PARENT_BOTTOM,RelativeLayout.TRUE);
diceLayoutParams.addRule(RelativeLayout.CENTER_HORIZONTAL);
diceLayoutParams.bottomMargin = DensityUtil.dip2px(getContext(),110);
trayLayout.setLayoutParams(diceLayoutParams);
addView(trayLayout);
//添加盖子
diceCap = new ImageView(getContext());
LayoutParams diceCapParams = new LayoutParams(LayoutParams.WRAP_CONTENT,
LayoutParams.WRAP_CONTENT);
diceCapParams.addRule(RelativeLayout.CENTER_HORIZONTAL);
diceCapParams.topMargin = -DensityUtil.dip2px(getContext(),197);
diceCap.setLayoutParams(diceCapParams);
diceCap.setScaleType(ImageView.ScaleType.CENTER_CROP);
diceCap.setImageResource(R.drawable.dice_cap_icon);
addView(diceCap);
//添加盖住view
mDiceCapedRl = LayoutInflater.from(getContext()).inflate(R.layout.dice_cap_layout,this,false);
addView(mDiceCapedRl);
trayLayout.setVisibility(View.INVISIBLE);
diceCap.setVisibility(View.INVISIBLE);
mDiceCapedRl.setVisibility(View.INVISIBLE);
}上面添加了托盘和色盅，还有就是合起来之后的ViewGroup，这里通过布局来提供，当然可以直接切图，但是这里为了减少图片资源，所以这样处理
dice_cap_layout.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="wrap_content"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:layout_marginBottom="110dp"
android:layout_height="217dp">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:scaleType="centerCrop"
android:layout_alignParentBottom="true"
android:src="@drawable/dice_tray_icon"/>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:scaleType="centerCrop"
android:src="@drawable/dice_cap_icon"/>
</RelativeLayout>添加好view之后，我们就要来分析下这个动画步骤了。
- 色盅掉下来移动到托盘地方
- 色盅和托盘合起来之后向下缓冲移动一点距离
- 然后向上移动一段距离，
- 再左右旋转30度，循环执行动画几次
- 然后下移到托盘位置，
- 色盅上移打开
- 托盘显示色子，显示2s后消失
具体看下代码
private DiceLayout trayLayout;
private ImageView diceCap;
private View mDiceCapedRl;
private AnimatorSet allAnimSet;
//托盘合起来的高度
private final int DICE_CAPED_HEIGHT = DensityUtil.dip2px(getContext(),17) ;
//合起来后向上移动的位置
private final int UP_AND_DOWN_Y = DensityUtil.dip2px(getContext(),193) ;
//合起来后向下缓冲位移
private final int MOVE_BUFFER_Y = DensityUtil.dip2px(getContext(),10) ;
private final int ANIM_DURING_TIME = 500 ;
private AnimEndListener animEndListener;
public void startAnimation(final int[] rockNumberResults){
if(allAnimSet.isStarted())
return;
diceCap.setVisibility(View.VISIBLE);
trayLayout.setVisibility(View.VISIBLE);
trayLayout.setAlpha(1.0f);
mDiceCapedRl.setVisibility(View.INVISIBLE);
//托盘高度为DICE_CAPED_HEIGHT
ValueAnimator capTransAnim = ObjectAnimator.ofFloat(diceCap,"translationY",0,trayLayout.getBottom()- DICE_CAPED_HEIGHT);
capTransAnim.setDuration(ANIM_DURING_TIME);
capTransAnim.addListener(new AnimatorListenerAdapter() {
@Override
public void onAnimationEnd(Animator animation) {
super.onAnimationEnd(animation);
mDiceCapedRl.setVisibility(View.VISIBLE);
diceCap.setVisibility(View.INVISIBLE);
trayLayout.setVisibility(View.INVISIBLE);
animation.removeAllListeners();
}
});
//合起来之后向下缓冲运动
ValueAnimator downDiceCapedTransAnim = ObjectAnimator.ofFloat(mDiceCapedRl,"translationY",0,MOVE_BUFFER_Y);
downDiceCapedTransAnim.setInterpolator(new DecelerateInterpolator());
downDiceCapedTransAnim.setDuration(20);
//合起来之后向上移动
ValueAnimator upTransAnim = ObjectAnimator.ofFloat(mDiceCapedRl,"translationY",MOVE_BUFFER_Y,-UP_AND_DOWN_Y);
upTransAnim.setDuration(ANIM_DURING_TIME);
//旋转
ValueAnimator rotationAnim = ObjectAnimator.ofFloat(mDiceCapedRl,"rotation",30.0f,-30.0f,0.0f);
mDiceCapedRl.setPivotX(mDiceCapedRl.getWidth()/2);
mDiceCapedRl.setPivotY(0);
rotationAnim.setRepeatCount(5);
rotationAnim.setDuration(ANIM_DURING_TIME);
//向下移动
ValueAnimator downTransAnim = ObjectAnimator.ofFloat(mDiceCapedRl,"translationY",-UP_AND_DOWN_Y,0);
upTransAnim.setDuration(ANIM_DURING_TIME);
//盖子向上移动消失
ValueAnimator capUpAnim = ObjectAnimator.ofFloat(diceCap,"translationY",mDiceCapedRl.getBottom()- DICE_CAPED_HEIGHT,0);
capUpAnim.setDuration(ANIM_DURING_TIME);
capUpAnim.addListener(new AnimatorListenerAdapter() {
@Override
public void onAnimationStart(Animator animation) {
super.onAnimationStart(animation);
mDiceCapedRl.setVisibility(View.INVISIBLE);
setDiceTrayNum(rockNumberResults);
diceCap.setVisibility(View.VISIBLE);
trayLayout.setVisibility(View.VISIBLE);
}
@Override
public void onAnimationEnd(Animator animation) {
super.onAnimationEnd(animation);
diceCap.setVisibility(View.INVISIBLE);
if(animEndListener!=null)
animEndListener.AnimEnd();
animation.removeAllListeners();
}
});
//托盘显示2s后消失
ValueAnimator trayAlphaAnim = ObjectAnimator.ofFloat(trayLayout,"alpha",1.0f,0.0f);
trayAlphaAnim.setDuration(50);
trayAlphaAnim.setStartDelay(2000);
allAnimSet.playSequentially(capTransAnim,downDiceCapedTransAnim,upTransAnim,rotationAnim,
downTransAnim,capUpAnim,trayAlphaAnim);
allAnimSet.start();
}
public void setDiceTrayNum(int[] rockNumberResults){
trayLayout.setDiceNum(rockNumberResults);
}
public void setAnimEndListener(AnimEndListener animEndListener){
this.animEndListener = animEndListener;
}
public interface AnimEndListener{
void AnimEnd();
}上面代码只要按照上面步骤看，就很简单了。在合起来的时候我们把托盘和色盅暂时INVISIBLE，合起来的View显示出来，然后对合起来的View进行动画操作，通过AnimatorSet来结合translationY移动动画，rotation旋转动画，这里旋转5个周期，以及alpha透明动画，具体位置可以getBottom()活着getTop()等方法获取。具体按标注给的效果图调整
注意
view.getBottom()或者view.getTop()，view.getWidth无法再onCreate等这些view还没绘制完前就调用的方法里面获取，所以我们要在veiw绘制完之后调用这些方法才有效果
最后来看下类似直播送礼的动效展示色子点数，实现和DiceAnimLayout类似，这里叫DiceUserAnimLayout。
首先我们定义一些view属性
private LayoutInflater mLayoutInflater;
private View mFirstLineDiceView;
private View mSecondLineDiceView;
private View mThreeLineDiceView;
private AnimatorSet mFirstAnimatorSet;
private AnimatorSet mSecondAnimatorSet;
private AnimatorSet mThreeAnimatorSet;
private List<DicePo> mFirstAnimList;
private List<DicePo> mSecondAnimList;
private List<DicePo> mThreeAnimList;
private boolean firstIsShow;
private boolean secondIsShow;
private boolean threeIsShow;这里创建的是三行效果，所以需要三行view，分别对应一个AnimatorSet 和一个是否显示的标示
同样以布局实现效果，效果和布局如下
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/trans_round_shape"
android:orientation="horizontal"
>
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:orientation="vertical"
android:layout_marginRight="5dp"
android:layout_marginLeft="20dp"
android:layout_marginBottom="3dp"
android:layout_weight="1">
<TextView
android:id="@+id/id_play_gift_name_tv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="@android:color/white"
android:textSize="10sp"
android:maxEms="8"
android:ellipsize="end"
android:singleLine="true"
android:text="昵称"
android:layout_marginTop="1dp"
android:layout_marginBottom="1dp"
/>
<com.common.animdemo.view.DiceLayout
android:id="@+id/id_user_dice_dl"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:drawableName="img_dmx_sz_"
app:isTray="false"/>
</LinearLayout>
<ImageView
android:id="@+id/id_dice_user_head_icon_iv"
android:layout_width="35dp"
android:layout_height="35dp"
android:layout_margin="2dp"
android:scaleType="centerCrop"
android:src="@drawable/head"/>
</LinearLayout>把布局绑定在三个view上面，实现三行的效果。
public DiceUserAnimLayout(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
setOrientation(LinearLayout.VERTICAL);
mFirstAnimList = new ArrayList<>();
mSecondAnimList = new ArrayList<>();
mThreeAnimList = new ArrayList<>();
mLayoutInflater = LayoutInflater.from(getContext());
mFirstLineDiceView = mLayoutInflater.inflate(R.layout.dice_user_layout,this,false);
mSecondLineDiceView = mLayoutInflater.inflate(R.layout.dice_user_layout,this,false);
mThreeLineDiceView = mLayoutInflater.inflate(R.layout.dice_user_layout,this,false);
LayoutParams layoutParams = new LayoutParams(LayoutParams.WRAP_CONTENT,
LayoutParams.WRAP_CONTENT);
layoutParams.bottomMargin = DensityUtil.dip2px(getContext(),5);
addView(mFirstLineDiceView,layoutParams);
addView(mSecondLineDiceView,layoutParams);
addView(mThreeLineDiceView,layoutParams);
mFirstLineDiceView.setVisibility(View.INVISIBLE);
mSecondLineDiceView.setVisibility(View.INVISIBLE);
mThreeLineDiceView.setVisibility(View.INVISIBLE);
mFirstAnimatorSet = new AnimatorSet();
mSecondAnimatorSet = new AnimatorSet();
mThreeAnimatorSet = new AnimatorSet();
}上面代码主要作用是，通过布局获取三个View，然后把View添加到DiceUserAnimLayout里面。然后初始化，这里三个View初始化为INVISIBLE的原因是：如果初始化为GONE，GONE是不会去绘制View的，所以会导致后面获取不到具体位置。最后初始化三个AnimatorSet和通过ArrayList实现的三个队列
接下来我们再设置动画
public void showAnimator(ResultMsgBody resultMsgBody){
if(mThreeAnimList.size()<=mSecondAnimList.size()&&mThreeAnimList.size()<=mFirstAnimList.size()){
mThreeAnimList.add(resultMsgBody);
startThreeAnimator();
}else if(mSecondAnimList.size()<=mFirstAnimList.size()&&mSecondAnimList.size()<=mThreeAnimList.size()){
mSecondAnimList.add(resultMsgBody);
startSecondAnimator();
}else{
mFirstAnimList.add(resultMsgBody);
startFirstAnimator();
}
}
private void startThreeAnimator(){
if(!threeIsShow){
if(mThreeAnimList.isEmpty())
return;
threeIsShow = true ;
setViewAnim(mThreeAnimList,mThreeAnimatorSet,mThreeLineDiceView, new AnimatorListenerAdapter() {
@Override
public void onAnimationEnd(Animator animation) {
super.onAnimationEnd(animation);
if(!mThreeAnimList.isEmpty()){
animation.removeAllListeners();
mThreeAnimList.remove(mThreeAnimList.get(0));
threeIsShow = false ;
startThreeAnimator();
}
}
});
}
}
private void startSecondAnimator(){
if(!secondIsShow){
if(mSecondAnimList.isEmpty())
return;
secondIsShow = true ;
setViewAnim(mSecondAnimList,mSecondAnimatorSet,mSecondLineDiceView, new AnimatorListenerAdapter() {
@Override
public void onAnimationEnd(Animator animation) {
super.onAnimationEnd(animation);
if(!mSecondAnimList.isEmpty()){
animation.removeAllListeners();
mSecondAnimList.remove(mSecondAnimList.get(0));
secondIsShow = false ;
startSecondAnimator();
}
}
});
}
}
private void startFirstAnimator(){
if(!firstIsShow){
if(mFirstAnimList.isEmpty())
return;
firstIsShow = true ;
setViewAnim(mFirstAnimList, mFirstAnimatorSet, mFirstLineDiceView, new AnimatorListenerAdapter() {
@Override
public void onAnimationEnd(Animator animation) {
super.onAnimationEnd(animation);
if(!mFirstAnimList.isEmpty()){
animation.removeAllListeners();
mFirstAnimList.remove(mFirstAnimList.get(0));
firstIsShow = false ;
startFirstAnimator();
}
}
});
}
}
private void setViewAnim(final List<ResultMsgBody> mAnimList,final AnimatorSet animatorSet,
final View animView,Animator.AnimatorListener listener){
if(getContext() instanceof CameraActivity){
if(mAnimList.get(0).getSound()==1)
soundPoolHelper.startPlay();
if(mAnimList.get(0).getVibrate()==1)
vibrator.vibrate(1000);
}
final DiceLayout diceLayout = (DiceLayout) animView.findViewById(R.id.id_user_dice_dl);
ImageView mDiceUserHead = (ImageView) animView.findViewById(R.id.id_dice_user_head_icon_iv);
TextView mDiceUserNickNameTv = (TextView) animView.findViewById(R.id.id_play_gift_name_tv);
mDiceUserNickNameTv.setText(mAnimList.get(0).getSendUserInfo().getNickname());
String nickNameColor = mAnimList.get(0).getSendUserInfo().getNicknameColor();
if(!TextUtils.isEmpty(nickNameColor))
mDiceUserNickNameTv.setTextColor(Color.parseColor(nickNameColor));
GlideUtils.loadCircleImageView(mDiceUserHead,BitmapUtil.cropWAndHImg(mAnimList.get(0).getSendUserInfo().getAvatar(),
DensityUtil.dip2px(ForumsApplication.getInstance(),35),
DensityUtil.dip2px(ForumsApplication.getInstance(),35)),
R.drawable.head,R.drawable.head);
ValueAnimator mTransAnimator = ObjectAnimator.ofFloat(animView,"translationX",
animView.getRight(),animView.getRight()-animView.getWidth());
mTransAnimator.cancel();
mTransAnimator.setDuration(2000);
mTransAnimator.addListener(new AnimatorListenerAdapter() {
@Override
public void onAnimationStart(Animator animation) {
super.onAnimationStart(animation);
animView.setAlpha(1.0f);
animView.setVisibility(View.VISIBLE);
diceLayout.startRotationAnim(((DiceUserContent)mAnimList.get(0).getMsgBody()).getRockNumberResults(),2);
}
@Override
public void onAnimationEnd(Animator animation) {
super.onAnimationEnd(animation);
animation.removeAllListeners();
}
});
ValueAnimator alphaAnimator = ObjectAnimator.ofFloat(animView,"alpha",
1.0f,0.0f);
alphaAnimator.setDuration(500);
alphaAnimator.setStartDelay(4000);
alphaAnimator.addListener(listener);
animatorSet.playSequentially(mTransAnimator,alphaAnimator);
animatorSet.start();
}在外部我们只需要把数据设置进来就行，然后来判断三个队列哪个队列最少数据，把设置进来的数据添加到最少数据的队列里面，然后通过动画逐个展示队列里面的数据。展示完之后我们会在onAnimationEnd把addListener数据清理掉，否则onAnimationEnd会执行很多遍，从而会导致队列显示不正确的BUG，或者引起其他bug，为什么会执行多遍呢，查看下Animator源码就知道了。
public void addListener(AnimatorListener listener) {
if (mListeners == null) {
mListeners = new ArrayList<AnimatorListener>();
}
mListeners.add(listener);
}它是通过ArrayList保存起来了，所以每次addListener都会通过ArrayList保存。
View布局准备好后，接下来就在MainActivity里面来使用下
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent">
<com.common.animdemo.view.DiceAnimLayout
android:id="@+id/id_dice_anim_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
<com.common.animdemo.view.DiceUserAnimLayout
android:id="@+id/id_user_anim_layout"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_marginTop="30dp"/>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:orientation="horizontal">
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="点击开始摇色子动画"
android:onClick="startRockDiceClick"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="点击出现用户消息动画"
android:onClick="startUserDiceClick"/>
</LinearLayout>
</RelativeLayout>public class MainActivity extends AppCompatActivity {
private DiceAnimLayout mDiceAnimLayout;
private DiceUserAnimLayout mDiceUserAnimLayout;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mDiceAnimLayout = (DiceAnimLayout)findViewById(R.id.id_dice_anim_layout);
mDiceUserAnimLayout = (DiceUserAnimLayout)findViewById(R.id.id_user_anim_layout);
}
public void startRockDiceClick(View view){
int[] rockNumArr = new int[3];
Random random = new Random();
rockNumArr[0] = random.nextInt(6)+1;
rockNumArr[1] = random.nextInt(6)+1;
rockNumArr[2] = random.nextInt(6)+1;
mDiceAnimLayout.startAnimation(rockNumArr);
}
public void startUserDiceClick(View view){
int[] rockNumArr = new int[3];
Random random = new Random();
rockNumArr[0] = random.nextInt(6)+1;
rockNumArr[1] = random.nextInt(6)+1;
rockNumArr[2] = random.nextInt(6)+1;
DicePo dicePo = new DicePo();
dicePo.setUserName("用户昵称");
dicePo.setRocketDiceNum(rockNumArr);
mDiceUserAnimLayout.showAnimator(dicePo);
}
}通过调用startAnimation和showAnimator方法，然后设置每次的旋转点数和其他数据就可以了。最后来看下动效。我这里连击12下看三行队列的效果
具体感兴趣的可以下载代码查看
扫一扫
4412
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
