鸿蒙 PageSlider 滑动组件基础用法详解

2023-10-16 10:28:03

PageSlider：赋予您的 HarmonyOS 应用灵动与交互

理解 PageSlider 的本质

PageSlider 组件如同一个灵动的容器，能容纳多个子页面。这些页面可以是 HarmonyOS 家族的任何成员，从文本视图到图像视图，甚至其他 PageSlider 都能被纳入其中。用户只需轻轻滑动屏幕，便可穿梭于各个页面之间。

创建 PageSlider 组件

创建 PageSlider 组件就像在乐园里采摘花朵般轻而易举。只需在布局 XML 文件中注入以下代码：

<PageSlider
    android:id="@+id/pageSlider"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

添加子页面

想要为 PageSlider 注入子页面，只需熟练使用 addPage() 方法即可。看这里：

PageSlider pageSlider = (PageSlider) findViewById(R.id.pageSlider);

// 打造子页面
Page page1 = new Page(this);
Page page2 = new Page(this);

// 将子页面安家在 PageSlider
pageSlider.addPage(page1);
pageSlider.addPage(page2);

设置滑动事件监听器

为响应用户如行云流水般的滑动操作，可以设置 OnPageChangeListener 监听器。它提供了三兄弟：onPageSelected()、onPageScrolled() 和 onPageScrollStateChanged()，让您可以对滑动事件信手拈来。

pageSlider.addOnPageChangeListener(new OnPageChangeListener() {
    @Override
    public void onPageSelected(int position) {
        // 当页面被选中时，它便闪亮登场
    }

    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
        // 页面滚动时，它在指尖流动
    }

    @Override
    public void onPageScrollStateChanged(int state) {
        // 当页面滚动状态发生变化时，它会悄然切换
    }
});