pageView

PageView * pageView = PageView::create();  //新建

pageView->setContentSize(Size(240.0f, 130.0f));  //设置大小

pageView->removeAllPages(); //清除所有页

pageView->insertPage(layout, i); //插入页

pageView->scrollToPage(pageCount-2); //滑动到该页面

pageView->addEventLIstener(CC_CALLBACK_2(HelloWorld::pageViewEvent, this));


void HelloWorld::pageViewEvent(Ref * pSender, PageView::EventType type)

{

switch (type)

{

case PageView::EventType::TRUNING:

{

PageView * pageView = dynamic_cast<PageView *>(pSender);

pageView->getCurPageIndex() + 1;

}

}

}


pageView->setCustomScrollThreshold(10.0f);  //10个像素值 就翻页

btn/imageView->setPropagateTouchEvents(true); //设为true,不繁衍,不传递该事件到父容器中,该btn或imageView是pageView的子节点或孙节点

pageView->setPropagateTouchEvents(true);  //不仅要设置子节点和孙节点,还要设置自己的不繁衍

btn/imageView->setSwallowTouches(true); //吞咽触摸事件,如果设为true,则touch事件不再有用,只能使用click事件。


动态添加一页:

 pageView->addPage(outerBox);

动态删除一页:

if (pageView->getPages().size() > 0)
            {
                pageView->removePageAtIndex(pageView->getPages().size()-1);
            }

删除所有页:

 pageView->removeAllPages();

PageView是 Flutter 框架中用于实现页面滑动切换的组件,它继承自ScrollView,可以在水平或垂直方向上滑动显示多个子页面,提供了流畅的滑动体验,并且支持各种手势操作,如滑动、缩放等,常用于创建轮播图、引导页等功能[^1][^3]。 PageView可以用于创建水平滑动的页面,适合图片轮播、引导页等需要切换页面的场景。PageController 是用于控制 PageView 的类,允许开发者编程式地管理页面的滚动行为,可设置初始页面、跳转到特定页面、监听页面变化等。其构造函数 `PageController({int initialPage = 0, double viewportFraction = 1.0})` 中,`initialPage` 用于设置 PageView 初始显示的页面索引,默认为0;`viewportFraction` 表示每个页面占据视口的比例,默认值为1.0,即每个页面占据整个屏幕宽度或高度。属性 `hasClients` 返回一个布尔值,表示是否有任何 PageView 使用此控制器;`position` 可获取与该控制器关联的 ScrollPosition 对象,用来获取当前滚动位置的信息 [^2][^5]。 以下是一个使用 PageView 的示例代码: ```dart import 'package:flutter/material.dart'; class BannerGalleryWidget extends StatefulWidget { @override State<StatefulWidget> createState() { return BannerGalleryWidgetState(); } } class BannerGalleryWidgetState extends State<BannerGalleryWidget> { final PageController controller = PageController(initialPage: 200); @override Widget build(BuildContext context) { return SizedBox( height: 250.0, child: Container( color: Colors.grey, child: PageView.builder( controller: controller, itemBuilder: (context, index) { return Center( child: Text('页面 ${index}'), ); }, ), ), ); } } ``` 在这个示例中,创建了一个 `BannerGalleryWidget` 有状态组件,在其状态类 `BannerGalleryWidgetState` 中初始化了一个 `PageController`,并将初始页面设置为200。在 `build` 方法里,使用 `PageView.builder` 创建了一个 `PageView`,通过 `itemBuilder` 方法为每个页面构建一个显示页面索引的文本组件 [^4]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值