实例介绍
【实例简介】
【实例截图】
【核心代码】
package com.mojichina.demo;
import java.util.ArrayList;
import java.util.List;
import android.graphics.drawable.AnimationDrawable;
import android.os.Bundle;
import android.os.Handler;
import android.support.v4.app.FragmentActivity;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.ViewTreeObserver.OnGlobalLayoutListener;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.view.animation.CycleInterpolator;
import android.view.animation.LinearInterpolator;
import android.view.animation.RotateAnimation;
import android.view.animation.TranslateAnimation;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import com.ryanharter.viewpager.PagerAdapter;
import com.ryanharter.viewpager.ViewPager;
import com.ryanharter.viewpager.ViewPager.OnPageChangeListener;
public class MainActivity extends FragmentActivity implements
OnPageChangeListener {
private ViewPager mPager;
private VerticalFragementPagerAdapter mAdapter;
private List<View> pagers = new ArrayList<View>();
private ImageView t1_icon1,t1_icon2, t1_fixed, t1_next;
private ImageView t2_icon1, t2_fixed, t2_next;
private ImageView t3_fixed, t3_next, t3_icon2, t3_icon3, t3_icon4,
t3_icon5, t3_icon6;
private RelativeLayout centerLayout;
private int fx1, fy1, tx1, ty1;
private int fx2, fy2, tx2, ty2;
private int fx3, fy3, tx3, ty3;
private int fx4, fy4, tx4, ty4;
private ImageView t4_icon1, t4_fixed;
private int preIndex = 0;
private AnimationDrawable t1_icon1_animationDrawable;
private AnimationDrawable t3_icon6_animationDrawable;
private Animation animationTop;
private Animation animationBottom;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mPager = (ViewPager) findViewById(R.id.pager);
View view1 = LayoutInflater.from(this).inflate(
R.layout.layout_tutorial_1, null);
t1_icon1= (ImageView) view1.findViewById(R.id.t1_icon1);
t1_icon2 = (ImageView) view1.findViewById(R.id.t1_icon2);
t1_fixed = (ImageView) view1.findViewById(R.id.t1_fixed);
t1_next = (ImageView) view1.findViewById(R.id.t1_next);
pagers.add(view1);
View view2 = LayoutInflater.from(this).inflate(
R.layout.layout_tutorial_2, null);
t2_icon1 = (ImageView) view2.findViewById(R.id.t2_icon1);
t2_fixed = (ImageView) view2.findViewById(R.id.t2_fixed);
t2_next = (ImageView) view2.findViewById(R.id.t2_next);
pagers.add(view2);
View view3 = LayoutInflater.from(this).inflate(
R.layout.layout_tutorial_3, null);
t3_icon2 = (ImageView) view3.findViewById(R.id.t3_icon2);
t3_icon3 = (ImageView) view3.findViewById(R.id.t3_icon3);
t3_icon4 = (ImageView) view3.findViewById(R.id.t3_icon4);
t3_icon5 = (ImageView) view3.findViewById(R.id.t3_icon5);
t3_icon6 = (ImageView) view3.findViewById(R.id.t3_icon6);
t3_fixed = (ImageView) view3.findViewById(R.id.t3_fixed);
t3_next = (ImageView) view3.findViewById(R.id.t3_next);
centerLayout = (RelativeLayout) view3
.findViewById(R.id.center_layout_3);
pagers.add(view3);
view3.getViewTreeObserver().addOnGlobalLayoutListener(
new OnGlobalLayoutListener() {
@Override
public void onGlobalLayout() {
// TODO Auto-generated method stub
int h1 = centerLayout.getTop();
int h2 = centerLayout.getBottom();
DensityUtil densityUtil = new DensityUtil(
MainActivity.this);
int w = densityUtil.getScreenWidth();
fx1 = t3_icon2.getTop() t3_icon2.getHeight();
fy1 = -t3_icon2.getTop() - t3_icon2.getHeight();
tx1 = -t3_icon2.getWidth() - t3_icon2.getLeft();
ty1 = t3_icon2.getTop() t3_icon2.getLeft()
t3_icon2.getWidth();
fx2 = t3_icon3.getTop() t3_icon3.getHeight();
fy2 = -t3_icon3.getTop() - t3_icon3.getHeight();
tx2 = -t3_icon3.getWidth() - t3_icon3.getLeft();
ty2 = t3_icon3.getTop() t3_icon3.getLeft()
t3_icon3.getWidth();
fx3 = w - t3_icon4.getLeft();
fy3 = -(w - t3_icon4.getLeft());
tx3 = -(h2 - h1 - t3_icon4.getTop());
ty3 = h2 - h1 - t3_icon4.getTop();
fx4 = w - t3_icon5.getLeft();
fy4 = -(w - t3_icon5.getLeft());
tx4 = -(h2 - h1 - t3_icon5.getTop());
ty4 = h2 - h1 - t3_icon5.getTop();
}
});
View view4 = LayoutInflater.from(this).inflate(
R.layout.layout_tutorial_4, null);
t4_icon1 = (ImageView) view4.findViewById(R.id.t4_icon1);
t4_fixed = (ImageView) view4.findViewById(R.id.t4_fixed);
pagers.add(view4);
mAdapter = new VerticalFragementPagerAdapter();
mPager.setAdapter(mAdapter);
mPager.setOnPageChangeListener(this);
animal(0);
}
private class VerticalFragementPagerAdapter extends PagerAdapter {
@Override
public int getCount() {
// TODO Auto-generated method stub
return pagers.size();
}
@Override
public boolean isViewFromObject(View view, Object o) {
return view == o;
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
container.addView(pagers.get(position));
return pagers.get(position);
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView((View) object);
}
}
@Override
public void onPageScrolled(int position, float positionOffset,
int positionOffsetPixels) {
// TODO Auto-generated method stub
}
@Override
public void onPageSelected(int position) {
// TODO Auto-generated method stub
animal(position);
}
@Override
public void onPageScrollStateChanged(int state) {
// TODO Auto-generated method stub
}
private void animal(int position) {
switch (position) {
case 0:
if (preIndex > position) {
t2_icon1.setVisibility(View.INVISIBLE);
}
t1_icon1.setImageResource(R.drawable.t1_frame_animation);
t1_icon1_animationDrawable = (AnimationDrawable) t1_icon1
.getDrawable();
t1_icon1_animationDrawable.start();
Animation animation1 = AnimationUtils.loadAnimation(
MainActivity.this, R.anim.tutorail_rotate);
LinearInterpolator lin = new LinearInterpolator();
animation1.setInterpolator(lin);
t1_icon2.setVisibility(View.VISIBLE);
t1_icon2.startAnimation(animation1);
animationTop = AnimationUtils.loadAnimation(MainActivity.this,
R.anim.tutorail_scalate_top);
animationBottom = AnimationUtils.loadAnimation(MainActivity.this,
R.anim.tutorail_bottom);
t1_fixed.startAnimation(animationTop);
t1_next.startAnimation(animationBottom);
break;
case 1:
if (preIndex > position) {
t3_icon2.getAnimation().cancel();
t3_icon3.getAnimation().cancel();
t3_icon4.getAnimation().cancel();
t3_icon5.getAnimation().cancel();
t3_icon2.setVisibility(View.INVISIBLE);
t3_icon3.setVisibility(View.INVISIBLE);
t3_icon4.setVisibility(View.INVISIBLE);
t3_icon5.setVisibility(View.INVISIBLE);
t3_icon6_animationDrawable.stop();
} else {
t1_icon1_animationDrawable.stop();
t1_icon2.getAnimation().cancel();
t1_icon2.setVisibility(View.INVISIBLE);
}
Animation animation2 = AnimationUtils.loadAnimation(
MainActivity.this, R.anim.tutorail_scalate);
t2_icon1.setVisibility(View.VISIBLE);
t2_icon1.startAnimation(animation2);
t2_fixed.startAnimation(animationTop);
t2_next.startAnimation(animationBottom);
break;
case 2:
t3_icon6.setImageResource(R.drawable.t3_frame_animation);
t3_icon6_animationDrawable = (AnimationDrawable) t3_icon6
.getDrawable();
final TranslateAnimation transAnimation2 = new TranslateAnimation(
fx1, tx1, fy1, ty1);
transAnimation2.setDuration(800);
transAnimation2.setRepeatCount(Animation.INFINITE);
transAnimation2.setRepeatMode(Animation.RESTART);
lin = new LinearInterpolator();
transAnimation2.setInterpolator(lin);
final TranslateAnimation transAnimation3 = new TranslateAnimation(
fx2, tx2, fy2, ty2);
transAnimation3.setDuration(1200);
transAnimation3.setRepeatCount(Animation.INFINITE);
transAnimation3.setRepeatMode(Animation.RESTART);
transAnimation3.setInterpolator(lin);
final TranslateAnimation transAnimation4 = new TranslateAnimation(
fx3, tx3, fy3, ty3);
transAnimation4.setDuration(1200);
transAnimation4.setRepeatCount(Animation.INFINITE);
transAnimation4.setRepeatMode(Animation.RESTART);
transAnimation4.setInterpolator(lin);
final TranslateAnimation transAnimation5 = new TranslateAnimation(
fx4, tx4, fy4, ty4);
transAnimation5.setDuration(800);
transAnimation5.setRepeatCount(Animation.INFINITE);
transAnimation5.setRepeatMode(Animation.RESTART);
transAnimation5.setInterpolator(lin);
// 延迟0.5秒
new Handler() {
public void handleMessage(android.os.Message msg) {
if (msg.what == 1) {
t3_icon2.setVisibility(View.VISIBLE);
t3_icon3.setVisibility(View.VISIBLE);
t3_icon4.setVisibility(View.VISIBLE);
t3_icon5.setVisibility(View.VISIBLE);
t3_icon2.startAnimation(transAnimation2);
t3_icon3.startAnimation(transAnimation3);
t3_icon4.startAnimation(transAnimation4);
t3_icon5.startAnimation(transAnimation5);
t3_icon6_animationDrawable.start();
}
};
}.sendEmptyMessageDelayed(1, 1000);// 0.5秒
t3_fixed.startAnimation(animationTop);
t3_next.startAnimation(animationBottom);
break;
case 3:
t3_icon2.getAnimation().cancel();
t3_icon3.getAnimation().cancel();
t3_icon4.getAnimation().cancel();
t3_icon5.getAnimation().cancel();
t3_icon2.setVisibility(View.INVISIBLE);
t3_icon3.setVisibility(View.INVISIBLE);
t3_icon4.setVisibility(View.INVISIBLE);
t3_icon5.setVisibility(View.INVISIBLE);
t3_icon6_animationDrawable.stop();
int pivot = Animation.RELATIVE_TO_SELF;
CycleInterpolator interpolator = new CycleInterpolator(3.0f);
RotateAnimation animation = new RotateAnimation(0, 10, pivot,
0.47f, pivot, 0.05f);
animation.setStartOffset(500);
animation.setDuration(3000);
animation.setRepeatCount(1);// Animation.INFINITE
animation.setInterpolator(interpolator);
t4_icon1.startAnimation(animation);
t4_fixed.startAnimation(animationTop);
break;
default:
break;
}
preIndex = position;
}
}
好例子网口号：伸出你的我的手 — 分享！
小贴士
感谢您为本站写下的评论，您的评论对其它用户来说具有重要的参考价值，所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字，对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙，所以请不要反馈意义不大的重复字符，也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明，或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦，又没人会搭理，于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享，对搜索内容的合法性不具有预见性、识别性、控制性，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论平台是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定，若资源存在侵权或相关问题请联系本站客服人员，点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论