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

img
img

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

需要这份系统化的资料的朋友,可以添加戳这里获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事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行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!**

  • 3
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值