C C++最新Harmony OS — PageSlider滑动页面，2024年最新下血本买的

本文链接：https://blog.youkuaiyun.com/2401_84976110/article/details/138883077

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

public static class DataItem{
    String mText;
    public DataItem(String txt) {
        mText = txt;
    }
}

}


**MainAbilitySlice.java**

@Override
public void onStart(Intent intent) {
super.onStart(intent);
super.setUIContent(ResourceTable.Layout_ability_main);
initPageSlider();
}

private void initPageSlider() {
    PageSlider pageSlider = (PageSlider) findComponentById(ResourceTable.Id\_page\_slider);
    pageSlider.setProvider(new TestPagerProvider(getData()));
}
private ArrayList<TestPagerProvider.DataItem> getData() {
    ArrayList<TestPagerProvider.DataItem> dataItems = new ArrayList<>();
    dataItems.add(new TestPagerProvider.DataItem("Page A"));
    dataItems.add(new TestPagerProvider.DataItem("Page B"));
    dataItems.add(new TestPagerProvider.DataItem("Page C"));
    dataItems.add(new TestPagerProvider.DataItem("Page D"));
    return dataItems;
}


**ability\_main.xml**

<?xml version="1.0" encoding="utf-8"?>

<PageSlider

ohos:id=“$+id:page_slider”
ohos:height=“300vp”
ohos:width=“300vp”
ohos:layout_alignment=“horizontal_center”/>


### 3、常用方法


![在这里插入图片描述](https://img-blog.csdnimg.cn/202106301735523.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NDk0MjAx,size_16,color_FFFFFF,t_70)


（1）响应页面切换事件

    pageSlider.addPageChangedListener(new PageSlider.PageChangedListener() {
        @Override
        public void onPageSliding(int itemPos, float itemPosOffset, int itemPosPixles) { 
        }
        @Override
        public void onPageSlideStateChanged(int state) { 
        }
        @Override
        public void onPageChosen(int itemPos) { 
        }
    });


（2）设置横向布局  
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210630173851982.gif#pic_center)

pageSlider.setOrientation(Component.VERTICAL);


（3）设置保留当前页面两侧的页面数

pageSlider.setPageCacheSize(2);


（4）设置当前展示页面

pageSlider.setCurrentPage(2);


（5）平滑滚动到指定页面

pageSlider.setCurrentPage(2,true);


（6）设置是否启用页面滑动

pageSlider.setSlidingPossible(false);


（7）设置回弹效果  
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210630175802551.gif#pic_center)

pageSlider.setReboundEffect(true);




![img](https://i-blog.csdnimg.cn/blog_migrate/3b46b6f6e16e915d9e20d462f4ac3b0a.png)
![img](https://img-blog.csdnimg.cn/img_convert/3d2da694b6c0a60fd174348683bc3707.png)

**网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

**[需要这份系统化的资料的朋友，可以添加戳这里获取](https://bbs.youkuaiyun.com/topics/618668825)**


**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**


**[需要这份系统化的资料的朋友，可以添加戳这里获取](https://bbs.youkuaiyun.com/topics/618668825)**


**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**