ViewPage的使用与介绍

最新推荐文章于 2024-05-28 23:27:14 发布

最讨厌星期一二三四五

最新推荐文章于 2024-05-28 23:27:14 发布

阅读量6.3k

点赞数 1

文章标签： android

原文链接：https://blog.csdn.net/huang_one_jun/article/details/104525675

版权

介绍

1.Viewpager，视图翻页工具，提供了多页面切换的效果。Android 3.0后引入的一个UI控件，位于v4包中。低版本使用需要导入v4包，但是现在我们开发的APP一般不再兼容3.0及以下的系统版本，另外现在大多数使用Android studio进行开发，默认导入v7包，v7包含了v4，所以不用导包，越来越方便了。

2.Viewpager使用起来就是我们通过创建adapter给它填充多个view，左右滑动时，切换不同的view。Google官方是建议我们使用Fragment来填充ViewPager的，这样可以更加方便的生成每个Page，以及管理每个Page的生命周期。

3.ViewPager 直接继承了 ViewGroup，所有它是一个容器类，可以在其中添加其他的 view 类。
ViewPager 需要一个 PagerAdapter 适配器类给它提供数据。
ViewPager 经常和 Fragment 一起使用，并且提供了专门的 FragmentPagerAdapter 和 FragmentStatePagerAdapter 类供 Fragment 中的 ViewPager 使用。

viewpage的使用翻页

代码展示

public class MainActivity extends AppCompatActivity {
private List<String> list = new ArrayList<>();
private ViewPager vpVp;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    for (int i = 1; i <= 3 ; i++) {
        list.add("第"+i+"页");
    }
    initView();
}

private void initView() {
    vpVp = (ViewPager) findViewById(R.id.vp_vp);
    MyAdapter myAdapter = new MyAdapter(list,this);
    vpVp.setAdapter(myAdapter);

// 设置当前所在页
// vpVp.setCurrentItem(1);
Timer timer = new Timer();
timer.schedule(new TimerTask() {
int index = 0;
@Override
public void run() {
runOnUiThread(new Runnable() {
@Override
public void run() {
vpVp.setCurrentItem(index);
}
});
if(++index > list.size()){
index = 0;
}
}
},0,1000);
}
}

class MyAdapter extends PagerAdapter {
private List list;
private Context context;

public MyAdapter(List<String> list, Context context) {
    this.list = list;
    this.context = context;
}

@Override
public int getCount() {
    return list.size();
}

@Override
public boolean isViewFromObject(@NonNull View view, @NonNull Object object) {
    return view == object;
}

@Override
public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {
    //这一句要删除，否则报错

// super.destroyItem(container, position, object);
//移除视图
container.removeView((View) object);
}

@NonNull
@Override
public Object instantiateItem(@NonNull ViewGroup container, int position) {
    //加载布局
    View inflate = LayoutInflater.from(context).inflate(R.layout.vp_item, null);
    //获取控件
    TextView tv_show = inflate.findViewById(R.id.tv_show);
    tv_show.setText(list.get(position));
    //添加一个布局  这是关键
    container.addView(inflate);
    return inflate;
}

}

效果展示

在这里插入图片描述

注意事项

1、适配器继承PagerAdapter，自动重写两个方法，自己还得写两个方法。
2、一定要有container.addView(inflate);添加布局这一步，这是关键。
3、跟listview的步骤差不多。

用Fragment跟ViewPage的结合

代码展示

avtivity中的代码

public class Main2Activity extends AppCompatActivity {
private ViewPager vpVp2;
private List<Fragment> list = new ArrayList<>();
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main2);

    for (int i = 1; i <= 3 ; i++) {
        Fragment2 fragment2 = new Fragment2();
        Bundle bundle = new Bundle();
        bundle.putString("msg","第"+i+"页");
        fragment2.setArguments(bundle);
        list.add(fragment2);
    }


    vpVp2 = (ViewPager) findViewById(R.id.vp_vp2);

    vpVp2.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) {
        @NonNull
        @Override
        public Fragment getItem(int position) {
            return list.get(position);
        }

        @Override
        public int getCount() {
            return list.size();
        }
    });
 }

}

fragment中的代码

 public class Fragment2 extends Fragment {
 public Fragment2() {
    // Required empty public constructor
}


@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
                         Bundle savedInstanceState) {
    // Inflate the layout for this fragment
    View inflate = inflater.inflate(R.layout.fragment_fragment2, container, false);
    TextView tv_show2 = inflate.findViewById(R.id.tv_show2);
    Bundle arguments = getArguments();
    if(arguments != null){
        String msg = arguments.getString("msg");
        tv_show2.setText(msg);
    }
    return inflate;
}

}

效果展示

跟上面效果一样。

注意事项

直接在设置适配器的时候就可以new FragmentPagerAdapter了，里面只要两个方法，参数是getSupportFragmentManager()管理者。

翻页监听

其中的三个方法：
onPageSelected，onPageSelected，onPageScrollStateChanged

onPageScrolled：在屏幕滑动过程中被调用。
onPageSelected：代表哪个页面被选中。
onPageScrollStateChanged：在手指操作屏幕时被调用。

第三个方法的参数
state：当前页面的状态
SCROLL_TATE_IDLE：空闲状态
SCROLL_STATE_DRAGGING：滑动状态
SCROLL_STATE_SETTLING：滑动后滑翔的状态

setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
@Override
public void onPageScrolled(int i, float v, int i1) {

}

@Override
public void onPageSelected(int i) {
    
}

@Override
public void onPageScrollStateChanged(int i) {

}

})

案列

需求

三个Fragment，其中1和2随意，第3个Fragment需要实现倒计时5秒功能，倒计时后跳转到另一个Activity或一个按钮在按下时直接跳转到另一个Activity

代码展示

activity的代码

public class WelcomeActivity extends AppCompatActivity {
private List<Fragment> list = new ArrayList<>();
private ViewPager vp;
private ThreeFragment threeFragment;
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_welcome);

    //初始化数据源
    list.add(new OneFragment());
    list.add(new TwoFragment());
    threeFragment = new ThreeFragment();
    list.add(threeFragment);

    vp = (ViewPager) findViewById(R.id.vp);
    WelcomeAdapter welcomeAdapter = new WelcomeAdapter(getSupportFragmentManager(),list);
    vp.setAdapter(welcomeAdapter);

    //翻页的监听器
    vp.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

        }

        @Override
        public void onPageSelected(int position) {
            //最后一页
            if(position == list.size()-1){
                //开始计时
                ThreeFragment.handler.sendEmptyMessage(200);
            }
        }

        @Override
        public void onPageScrollStateChanged(int state) {

        }
    });


}

}

fragemnt的代码

public class ThreeFragment extends Fragment {

private static TextView tvText;
private Button btnSend;
private static Context context;

private static int time = 5;

private static Timer timer;

public static Handler handler = new Handler(){
    @Override
    public void handleMessage(@NonNull Message msg) {
        super.handleMessage(msg);
        if(msg.what == 200){
            //可以开始倒计时了
            timer = new Timer();
            timer.schedule(new TimerTask() {
                @Override
                public void run() {
                    handler.sendEmptyMessage(111);
                }
            },0,1000);
        }else if(msg.what == 111){
            tvText.setText("倒计时:"+ --time + "秒");
            if (time == 0){
                timer.cancel();

            }
        }
    }
};

public ThreeFragment() {
    // Required empty public constructor
}

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
                         Bundle savedInstanceState) {
    // Inflate the layout for this fragment
    View inflate = inflater.inflate(R.layout.fragment_three, container, false);
    tvText = (TextView) inflate.findViewById(R.id.tv_text);
    btnSend = (Button) inflate.findViewById(R.id.btn_send);
    //点击跳转页面
    btnSend.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            Intent intent = new Intent(getActivity(), MainActivity.class);
            startActivity(intent);
        }
    });

    return inflate;
}

}

最讨厌星期一二三四五

关注

1
点赞
踩
20

收藏

觉得还不错? 一键收藏
0
评论
ViewPage的使用与介绍

介绍1.Viewpager，视图翻页工具，提供了多页面切换的效果。Android 3.0后引入的一个UI控件，位于v4包中。低版本使用需要导入v4包，但是现在我们开发的APP一般不再兼容3.0及以下的系统版本，另外现在大多数使用Android studio进行开发，默认导入v7包，v7包含了v4，所以不用导包，越来越方便了。2.Viewpager使用起来就是我们通过创建adapter给它填充多...
复制链接

扫一扫