网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
一个人可以走的很快,但一群人才能走的更远!不论你是正从事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
…
ohos:orientation=“vertical”/>
pageSlider.setOrientation(Component.VERTICAL);
(3)设置保留当前页面两侧的页面数
<PageSlider
…
ohos:page_cache_size=“2”/>
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://img-blog.csdnimg.cn/img_convert/4880e6421abeff2e3f77fc48a32649e8.png)
![img](https://img-blog.csdnimg.cn/img_convert/3d2da694b6c0a60fd174348683bc3707.png)
**网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。**
**[需要这份系统化的资料的朋友,可以添加戳这里获取](https://bbs.csdn.net/topics/618668825)**
**一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!**
**[需要这份系统化的资料的朋友,可以添加戳这里获取](https://bbs.csdn.net/topics/618668825)**
**一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!**