ViewPager-引导页
效果
说明:最后一次时候出现倒计时,自行添加跳过功能以及小白点。
分析:1ViewPager+4ImageView+PagerAdapter
一.Activity布局
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".PagerActivity">
<android.support.v4.view.ViewPager
android:id="@+id/pager1"
android:layout_width="match_parent"
android:layout_height="match_parent">
</android.support.v4.view.ViewPager>
<TextView
android:id="@+id/txt_pager"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"
android:textSize="35sp"/>
</RelativeLayout>
二.Activity代码
public class PagerActivity extends AppCompatActivity {
private ViewPager viewPager;
private ArrayList<ImageView> imageViews;
private ArrayList<Integer> imageids;
private TextView txt_pager;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_pager);
initView();
initDate();
MyPagerAdapter myPagerAdapter = new MyPagerAdapter(imageViews);
viewPager.setAdapter(myPagerAdapter);
/**
* 滑到最后一页的时候,倒计时10秒跳转页面
*/
viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
@Override
public void onPageScrolled(int i, float v, int i1) {
}
@Override //第一页i=0
public void onPageSelected(final int i) {
if(i == imageViews.size()-1){
//到最后一页的时候倒计时10秒后跳转页面
CountDownTimer countDownTimer = new CountDownTimer(10000,1000) {
@Override
public void onTick(long millisUntilFinished) {
txt_pager.setText("剩余:"+millisUntilFinished+"毫秒");
}
@Override
public void onFinish() {
Intent intent = new Intent(PagerActivity.this,MainActivity.class);
startActivity(intent);
}
}.start();
}
}
@Override
public void onPageScrollStateChanged(int i) {
}
});
}
/**
* 初始化控件
*/
public void initView(){
viewPager = findViewById(R.id.pager1);
txt_pager = findViewById(R.id.txt_pager);
}
public void initDate(){
imageids = new ArrayList<>();
imageids.add(R.mipmap.image2);
imageids.add(R.mipmap.image4);
imageids.add(R.mipmap.image7);
imageids.add(R.mipmap.image8);
imageViews = new ArrayList<>();
for(int i = 0;i<imageids.size();i++){
ImageView imageView = new ImageView(PagerActivity.this);
imageView.setImageResource(imageids.get(i));
imageViews.add(imageView);
}
}
}
三.适配器
public class MyPagerAdapter extends PagerAdapter {
private ArrayList<ImageView> imageViews;
public MyPagerAdapter(ArrayList<ImageView> imageViews){
this.imageViews = imageViews;
}
@Override
public int getCount() {
return imageViews.size();
}
@Override
public boolean isViewFromObject(@NonNull View view, @NonNull Object o) {
return view == o;
}
@NonNull
@Override //创建当前页的imageView (向ViewGroup添加当前要显示的ImagerView)
public Object instantiateItem(@NonNull ViewGroup container, int position) {
container.addView(imageViews.get(position));
return imageViews.get(position);
}
@Override //销毁当前imageView
public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {
//super.destroyItem(container, position, object);
container.removeView(imageViews.get(position));
}
}