Android 《ViewPagerStrip》简单应用

布局文件

activity_pager_tab_strip.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:orientation="vertical"
    tools:context=".PagerTabStripActivity">
    <androidx.viewpager.widget.ViewPager
        android:id="@+id/vp_content"
        android:layout_width="match_parent"
        android:layout_height="400dp">
        <androidx.viewpager.widget.PagerTabStrip
            android:id="@+id/pts_tab"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>
    </androidx.viewpager.widget.ViewPager>
</LinearLayout>

Activity文件

PagerTabStripActivity

package com.galanz.app_ui_advance;

import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.appcompat.app.AppCompatActivity;
import androidx.viewpager.widget.PagerAdapter;
import androidx.viewpager.widget.PagerTabStrip;
import androidx.viewpager.widget.ViewPager;

import android.content.Context;
import android.graphics.Color;
import android.os.Bundle;
import android.util.Log;
import android.util.TypedValue;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;

import com.galanz.app_ui_advance.bean.GoodsInfo;

import java.util.ArrayList;
import java.util.List;

public class PagerTabStripActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_pager_tab_strip);
        initPagerStrip();
        initViewPager();
    }
    /**
     * 初始化翻页视图
     */
    private void initViewPager() {
        ViewPager vp_content = findViewById(R.id.vp_content);
        ArrayList<GoodsInfo> defaultList = GoodsInfo.getDefaultList();
        vp_content.setAdapter(new ImagePagerAdapter2(this,defaultList));
        //添加事件切换监听
        vp_content.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            /***
             * 翻页过程中触发，改方法三个参数说明
             * @param position 当前页的序号
             * @param positionOffset 页面偏移百分比（0-》1）
             * @param positionOffsetPixels 页面偏移的距离
             */
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
                Log.i("xian", String.format(" %d %f %d",position,positionOffset,positionOffsetPixels));
            }
            /**
             * 页面翻页结束后触发
             * @param position 当前滑动到哪一个页面
             */
            @Override
            public void onPageSelected(int position) {
                Log.i("xian","onPageSelected is "+position);
            }
            /**
             * 翻页状态改变时触发，state 0=> 静止 1=>正在滑动 2=>滑动完毕
             * //翻页过程中，状态值 ： 1（正在滑动）-》2（滑动完毕）-》0（静止）
             * @param state
             */
            @Override
            public void onPageScrollStateChanged(int state) {
                Log.i("xian","state is "+state);
            }
        });
    }
    /**
     * 初始化翻页标签栏
     */
    private void initPagerStrip() {
        PagerTabStrip pts_tab = findViewById(R.id.pts_tab);
        //设置标签栏文本大小
        pts_tab.setTextSize(TypedValue.COMPLEX_UNIT_SP,20);
        //设置文本字体颜色
//        pts_tab.setTextColor(getResources().getColor(R.color.light_gray,getTheme()));
        pts_tab.setTextColor(Color.BLACK);

    }
}
class ImagePagerAdapter2 extends PagerAdapter {
    private Context ctx;
    private List<GoodsInfo> data;
    private List<ImageView> imageViews = new ArrayList<>();

    public ImagePagerAdapter2(Context ctx, List<GoodsInfo> data) {
        this.ctx = ctx;
        this.data = data;
        this.data.forEach(item->{
            ImageView view = new ImageView(ctx);
            view.setImageResource(item.pic);
            //设置属性
            view.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,ViewGroup.LayoutParams.WRAP_CONTENT));
            imageViews.add(view);
        });
    }
    @Override
    public int getCount() {
        return data.size();
    }
    /**
     *
     * @param view
     * @param object
     * @return
     */
    @Override
    public boolean isViewFromObject(@NonNull View view, @NonNull Object object) {
        return view ==object;
    }
    // 实例化指定位置的页面，并将其添加到页面
    @NonNull
    @Override
    public Object instantiateItem(@NonNull ViewGroup container, int position) {
        //添加一个view到Container中，并返回一个与view 关联的对象object
        // 返回的对象可以是view自身，也可以是其余对象
        //关键是在isViewFromObject可以把view 和这个object关联起来
        ImageView imageView = imageViews.get(position);
        container.addView(imageView);

        return imageView;
    }
    //页面滑动页面销毁
    @Override
    public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {
        container.removeView(imageViews.get(position));
    }

    @Nullable
    @Override
    public CharSequence getPageTitle(int position) {
        return data.get(position).name;
    }
}

实现效果