ViewPager的介绍和使用 |
您所在的位置：网站首页 › viewpager加载同一个view出现空白 › ViewPager的介绍和使用 |
ViewPager的介绍和使用
|
ViewPager的介绍和使用 ViewPager简介和用处 1 ,我们先在xml中引入一下. 2 ,然后在layout文件文件夹中,创建一个viewPager的布局文件 3,就像使用listview一样,现在该创建适配器了 4, 按照业务需求完善适配中的方法 5 在activity中初始化viewPager和adapter 运行效果 viewPage的翻页动画 自定义翻页效果代码 自动翻页 翻页监听 设置方法翻页监听接口重写方法 ViewPager与Fragment结合使用 ( 重 点 )创建Fragment及相应的xml布局给Viewpager设置数据和适配器 FragmentStatePagerAdapter FragmentPagerAdapter ViewPager简介和用处 使用效果图
Viewpager，视图翻页工具，提供了多页面切换的效果。Android 3.0后引入的一个UI控件，位于v4包中。低版本使用需要导入v4包，但是现在我们开发的APP一般不再兼容3.0及以下的系统版本，另外现在大多数使用Android studio进行开发，默认导入v7包，v7包含了v4，所以不用导包，越来越方便了。
Viewpager使用起来就是我们通过创建adapter给它填充多个view，左右滑动时，切换不同的view。Google官方是建议我们使用Fragment来填充ViewPager的，这样 可以更加方便的生成每个Page，以及管理每个Page的生命周期。
ViewPager 直接继承了 ViewGroup，所有它是一个容器类，可以在其中添加其他的 view 类。
ViewPager 需要一个 PagerAdapter 适配器类给它提供数据。
ViewPager 经常和 Fragment 一起使用，并且提供了专门的 FragmentPagerAdapter 和 FragmentStatePagerAdapter 类供 Fragment 中的 ViewPager 使用。
viewPager的用法 ViewPager是什么呢？其实它就是个ViewGroup，用法跟ListView类似， 1 ,我们先在xml中引入一下. 2 ,然后在layout文件文件夹中,创建一个viewPager的布局文件 命名随意,我这里叫vp_layout.xml 如下: 3,就像使用listview一样,现在该创建适配器了 创建适配器,只要继承了PagerAdapter即可重点在于实现这样一个Adapter： private class ViewPagerAdapter extends PagerAdapter { //ViewPager总共有几个页面 @Override public int getCount() { return 0; } //判断一个页面(View)是否与instantiateItem方法返回的Object一致 @Override public boolean isViewFromObject(View view, Object object) { return false; } //创建一个页面 @Override public Object instantiateItem(ViewGroup container, int position) { return super.instantiateItem(container, position); } //销毁一个页面 @Override public void destroyItem(ViewGroup container, int position, Object object) { super.destroyItem(container, position, object); } }getCount( ):获得viewpager中有多少个view destroyItem( ):移除一个给定位置的页面。适配器有责任从容器中删除这个视图。这是为了确保 在finishUpdate(viewGroup)返回时视图能够被移除。 instantiateItem( ):①将给定位置的view添加到ViewGroup(容器)中,创建并显示出来 ②返回一个代表新增页面的Object(key),通常都是直接返回view本身就可以了, 当然你也可以自定义自己的key,但是key和每个view要一一对应的关系 isViewFromObject( ):判断instantiateItem(ViewGroup, int)函数所返回来的Key与一个页面视图是否是 代表的同一个视图(即它俩是否是对应的，对应的表示同一个View),通常我们直接写 return view == object；就可以了,至于为什么要这样讲起来比较复杂,后面有机会进行了解吧 貌似是ViewPager中有个存储view状态信息的ArrayList,根据View取出对应信息的吧! 4, 按照业务需求完善适配中的方法 我们目前的完成如下: package com.example.day006.adapter; import android.content.Context; import android.support.annotation.NonNull; import android.support.v4.view.PagerAdapter; import android.view.View; import android.view.ViewGroup; import android.widget.TextView; import com.example.day006.R; import java.util.List; /** * ${FENG} * 2019-07-10 */ public class ViewPagerAdapter extends PagerAdapter { private Context context; private List mData; public ViewPagerAdapter(Context context, List mData) { this.context = context; this.mData = mData; } @Override public int getCount() { return mData.size(); } @Override public boolean isViewFromObject(@NonNull View view, @NonNull Object o) { return view == o; } @NonNull @Override public Object instantiateItem(@NonNull ViewGroup container, int position) { //加载vp的布局 View inflate = View.inflate(context, R.layout.vp_layout, null); //给布局中的控件赋值 TextView textView = inflate.findViewById(R.id.vp_tv_id); textView.setText(mData.get(position)); //添加一个布局 container.addView(inflate); //返回布局 return inflate; } @Override public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) { // super.destroyItem(container, position, object);这一句要删除，否则报错 container.removeView((View) object); } }5 在activity中初始化viewPager和adapter package com.example.day006; import android.support.v4.view.ViewPager; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import com.example.day006.adapter.ViewPagerAdapter; import java.util.ArrayList; import java.util.List; public class ViewPagerActivity extends AppCompatActivity { private ViewPager vpId; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); //去掉自带的bar //supportRequestWindowFeature(Window.FEATURE_NO_TITLE); setContentView(R.layout.activity_veiw_pager); //找到vp vpId = findViewById(R.id.vp_id); //初始化数据 List list = new ArrayList(); for (int i = 0; i |
【本文地址】
今日新闻 |
推荐新闻 |