文章目录
突发奇想,想到了APP上的图片轮播的功能,感觉很实用啊,就查了一下,然后学一学玩一玩。
不仅可以用于App首页的图片内容轮播,还可以用于启动页的滑动介绍等等。
ViewPager
ViewPager是Android扩展包v4包中的一个类,允许用户左右滑动切换显示不同的view。类似RecyclerView,需要一个PagerAdapter适配器提供显示的数据,通常可以和Fragment一起使用,即碎片,且专门提供了FragmentPagerAdapter和FragmentStatePagerAdapter类给Fragment使用。
简单demo - 手动滑动
通过一个简单demo看看具体是怎么使用的。
首先修改activity_main.xml,添加一个ViewPager控件。
<android.support.v4.view.ViewPager
android:id="@+id/ShowView"
android:layout_width="match_parent"
android:layout_height="match_parent"></android.support.v4.view.ViewPager>
创建布局文件viewpager_item.xml,由于只是一个简单demo,因此只需要一个TextView控件即可。
<?xml version="1.0" encoding="utf-8"?>
<TextView android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/ViewContent"
android:layout_gravity="center"
android:gravity="center"
android:text="ss"
xmlns:android="http://schemas.android.com/apk/res/android" />
创建适配器类MyViewPagerAdapter,这个适配器也比较简单,主要就是instantiateItem()方法,在这里面对View子项的内容进行设置,我这里是先加载布局,然后获取TextView控件,设置文字然后add到container中,返回view即可。
public class MyPagerAdapter extends PagerAdapter {
private Context MyContext;
private List<String> MyTextList;
public MyPagerAdapter(Context context,List<String> TextList){
this.MyContext=context;
this.MyTextList=TextList;
}
@Override
public int getCount() {
return MyTextList.size();
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView((View)object);
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
View view=View.inflate(MyContext,R.layout.viewpager_item,null);
TextView ViewContentTextView=view.findViewById(R.id.ViewContent);
ViewContentTextView.setText(MyTextList.get(position));
container.addView(view);
return view;
}
@Override
public boolean isViewFromObject(View view, Object object) {
return view == object;
}
}
最后修改MainActivity.java中的onCreate()方法,就是获取ViewPager实例,然后实例化适配器传入桉树,设置适配器即可。
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
List<String> m= new ArrayList<>();
for (int i=0;i<5;i++){
m.add("第 "+i+" 个view");
}
ViewPager MyViewPager=findViewById(R.id.ShowView);
MyViewPager.setAdapter(new MyPagerAdapter(this,m));
}
之后运行程序,滑动屏幕可以发现内容改变了
添加动画
新建MyPagerTransformer继承PagerTransformer类
public class MyPagerTransformer implements ViewPager.PageTransformer {
private static final float MIN_SCALE = 0.75f;
public void transformPage(View view, float position) {
int pageWidth = view.getWidth();
// [-Infinity,-1)
if (posit