Android仿一号店货物详情轮播图动画效果

2024-02-18 11:29:03 56

还不是很完全，目前只能点中间图片才能位移，图片外的其他区域没有。。（属性动画），对了，图片加载用得是facebook的一款android图片加载库,感觉非常NB啊，完爆一切。

1、先看布局

2、主界面代码

packagecom.newair.frescotextdemo;

importandroid.animation.Animator;
importandroid.support.v4.view.ViewPager;
importandroid.support.v7.app.AppCompatActivity;
importandroid.os.Bundle;
importandroid.view.View;
importandroid.widget.LinearLayout;
importandroid.widget.ScrollView;
importandroid.widget.Toast;

importjava.util.ArrayList;
importjava.util.List;

importadapter.MyViewPagerAdapter;
importutils.ScreenUtils;

publicclassMainActivityextendsAppCompatActivity{


privateScrollViewscrollView;
privateLinearLayoutll_container_scroll;//scrollview第一层容器
privateLinearLayoutll_bottom_container;//底部容器
privateViewPagerviewPager;//滚动列表
privateViewPagerviewPager_2;
privateMyViewPagerAdaptermyViewPagerAdapter;//适配器
privateListimage_urls;

privateinty;//记住位移了多少

privatebooleanisRunAnimation=false;//判断当前动画是否执行完成

@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

initView();
initData();
initEvent();

}

privatevoidinitView(){
scrollView=(ScrollView)findViewById(R.id.scrollView);
ll_container_scroll=(LinearLayout)findViewById(R.id.ll_container_scroll);
ll_bottom_container=(LinearLayout)findViewById(R.id.ll_bottom_container);
viewPager=(ViewPager)findViewById(R.id.viewPager);
viewPager_2=(ViewPager)findViewById(R.id.viewPager_2);
}

privatevoidinitData(){
image_urls=newArrayList<>();
image_urls.add("http://pic31.nipic.com/20130624/8821914_104949466000_2.jpg");
image_urls.add("http://pic39.nipic.com/20140307/2531170_213037883000_2.jpg");
image_urls.add("http://pic10.nipic.com/20101020/3650425_202918301404_2.jpg");
image_urls.add("http://pic4.nipic.com/20091104/3178344_085047585414_2.jpg");
image_urls.add("http://pic4.nipic.com/20091101/3672704_160309066949_2.jpg");
myViewPagerAdapter=newMyViewPagerAdapter(this,image_urls);
viewPager.setAdapter(myViewPagerAdapter);
viewPager_2.setAdapter(myViewPagerAdapter);
}

privatevoidinitEvent(){
//当前页的点击事件
myViewPagerAdapter.setOnCurrentPositionClickListener(newMyViewPagerAdapter.OnCurrentViewClick(){
@Override
publicvoidonCurrentPositionClick(intposition){

if(viewPager.getTag()==null||((Integer)viewPager.getTag())==1){
showAnimation();
}else{
hideAnimation();
}
}
});
ll_bottom_container.setOnClickListener(newView.OnClickListener(){
@Override
publicvoidonClick(Viewv){
hideAnimation();
}
});
}

//显示动画
publicvoidshowAnimation(){
if(!isRunAnimation){
isRunAnimation=true;
intscrollY=scrollView.getScrollY();
y=scrollY+((ll_container_scroll.getMeasuredHeight()/2)-(viewPager.getMeasuredHeight()/2));
viewPager.animate()
.x(0f)
.y(y*1f)
.setDuration(500)
.setListener(newAnimator.AnimatorListener(){
@Override
publicvoidonAnimationStart(Animatoranimation){
ll_bottom_container.setVisibility(View.INVISIBLE);
}

@Override
publicvoidonAnimationEnd(Animatoranimation){
isRunAnimation=false;
viewPager.setTag(2);
y=0;
ll_container_scroll.setVisibility(View.VISIBLE);
viewPager_2.setCurrentItem(viewPager.getCurrentItem(),false);
}

@Override
publicvoidonAnimationCancel(Animatoranimation){

}

@Override
publicvoidonAnimationRepeat(Animatoranimation){

}
});
}

}

//关闭动画
publicvoidhideAnimation(){

if(!isRunAnimation){
viewPager.animate()
.x(0f)
.y(-y*1f)
.setDuration(500)
.setListener(newAnimator.AnimatorListener(){
@Override
publicvoidonAnimationStart(Animatoranimation){
ll_container_scroll.setVisibility(View.INVISIBLE);
viewPager.setCurrentItem(viewPager_2.getCurrentItem(),false);
}

@Override
publicvoidonAnimationEnd(Animatoranimation){
isRunAnimation=false;
viewPager.setTag(1);
y=0;
ll_bottom_container.setVisibility(View.VISIBLE);
}

@Override
publicvoidonAnimationCancel(Animatoranimation){

}

@Override
publicvoidonAnimationRepeat(Animatoranimation){

}
});
}
}


}

3、viewpager的适配器代码

packageadapter;

importandroid.content.Context;
importandroid.net.Uri;
importandroid.support.v4.view.PagerAdapter;
importandroid.view.LayoutInflater;
importandroid.view.View;
importandroid.view.ViewGroup;

importcom.facebook.drawee.view.SimpleDraweeView;
importcom.newair.frescotextdemo.R;

importjava.util.List;

/**
*Createdbyouhimehimeon16/4/28.
*---------ViewPager适配器----------
*/
publicclassMyViewPagerAdapterextendsPagerAdapter{


publicinterfaceOnCurrentViewClick{
voidonCurrentPositionClick(intposition);
}

privateOnCurrentViewClickonCurrentViewClick;

publicvoidsetOnCurrentPositionClickListener(OnCurrentViewClickonCurrentViewClick){
this.onCurrentViewClick=onCurrentViewClick;
}



privateContextcontext;
privateListmyData;

publicMyViewPagerAdapter(Contextcontext,ListmyData){
this.context=context;
this.myData=myData;
}

@Override
publicintgetCount(){
returnmyData.size();
}

@Override
publicbooleanisViewFromObject(Viewview,Objectobject){
returnview==object;
}

@Override
publicObjectinstantiateItem(ViewGroupcontainer,finalintposition){
SimpleDraweeViewsimpleDraweeView=(SimpleDraweeView)LayoutInflater.from(context).inflate(R.layout.image_view,null);
Uriuri=Uri.parse(myData.get(position));
simpleDraweeView.setImageURI(uri);
container.addView(simpleDraweeView);
simpleDraweeView.setOnClickListener(newView.OnClickListener(){
@Override
publicvoidonClick(Viewv){
onCurrentViewClick.onCurrentPositionClick(position);
}
});

returnsimpleDraweeView;
}

@Override
publicvoiddestroyItem(ViewGroupcontainer,intposition,Objectobject){
container.removeView((SimpleDraweeView)object);
}


}

4、facebook的加载图片的控件

还不是很好，感兴趣的可运行下看看。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

Android仿一号店货物详情轮播图动画效果

热门推荐

随机推荐