首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏Flutter

    Flutter Widgets 之 PageView

    PageView不仅可以水平滑动也可以垂直滑动,简单用法如下: PageView( children: <Widget>[ MyPage1(), MyPage2( PageView滚动方向默认是水平,可以设置其为垂直方向: PageView( scrollDirection: Axis.vertical, ... ) PageView配合PageController onPageChanged属性是页面发生变化时的回调,用法如下: PageView( onPageChanged: (int index){ }, ... ) 无限滚动 PageView 滚动到最后时希望滚动到第一个页面,这样看起来PageView是无限滚动的: List<Widget> pageList = [PageView1(), PageView2(), PageView3()] List<String> pageList = ['PageView1', 'PageView2', 'PageView3']; int _currentPageIndex = 0; _buildPageView

    1.6K20发布于 2020-09-11
  • Flutter那些事-PageView

    FlutterPageView组件详解一、什么是PageViewPageView是一个可以左右滑动切换页面的滚动组件,类似于Android的ViewPager或iOS的UIScrollView,常用于实现轮播图、引导页、标签页等场景。 二、基本用法1.基础构造函数展开代码语言:DartAI代码解释PageView(children:[Container(color:Colors.red),Container(color:Colors.green "),),body:PageView.builder(itemBuilder:(BuildContextcontext,intindex){returnContainer(child:Text("页面$ (children:[...]),)问题2:嵌套滚动冲突展开代码语言:DartAI代码解释PageView(physics:NeverScrollableScrollPhysics(),//禁用PageView

    5310编辑于 2026-04-23
  • 来自专栏challenge filter

    Wikipedia pageview数据获取(bigquery)

    pageview数据介绍 维基百科pageview数据是Wikimedia技术团队所维护的访问量数据集。 该数据集自2015年五月启用,其具体的pageview定义为对某个网页内容的请求,会对爬虫和人类的访问量进行区分,粒度为小时级别,如下图: bigquery介绍 维基百科数据可以通过其API获取。 进一步处理 写了个python程序进行进一步的处理,以获取每个页面的pageview访问数据。 目标为得到对应页面五年来的pageview数据并保存为csv文件。

    3.6K10编辑于 2022-06-17
  • 来自专栏flutter开发中的点滴积累

    Flutter PageView 使用详细概述

    本文章讲述 Flutter 跨平台开发中 PageView的详细配置使用。 [在这里插入图片描述] PageView可用于Widget的整屏滑动切换,如当代常用的短视频APP中的上下滑动切换的功能,也可用于横向页面的切换,如APP第一次安装时的引导页面,也可用于开发轮播图功能 1、PageView 实现的轮播图 2、PageView实现的轮播图 第二篇 3、PageView 实现的左右滑动切换视图 在这里我们以单页面做为启动应用程序Demo,构建如下: //应用入口 void 的基本使用 ///lib/code/code5/example_508_PageView.dart class Example508 extends StatefulWidget { @override 或者监听PageView ,初始化方法如下: class Example508 extends StatefulWidget { @override State<StatefulWidget>

    4.9K00发布于 2020-11-14
  • 来自专栏韩曙亮的移动开发专栏

    【Flutter】StatefulWidget 组件 ( PageView 组件 )

    文章目录 一、PageView 组件 二、PageView 组件完整代码示例 三、 相关资源 一、PageView 组件 ---- PageView 组件构造函数 : 构造函数中的可选参数就是 PageView 组件的所有可设置选项 ; class PageView extends StatefulWidget { PageView({ Key key, this.scrollDirection 组件 children 设置 : children 字段设置其要滑动切换的各个页面组件 ; 一般使用 Container 封装复杂的组件 ; 代码示例 : 下面的代码就是 PageView 中设置了三个滑动切换的组件 child: PageView( // 设置 PageView 中封装的若干组件 child: PageView( // 设置 PageView 中封装的若干组件

    2.1K00编辑于 2023-03-28
  • 来自专栏各类技术文章~

    Flutter实现带导航栏的PageView页面

    PageView通过 currentIndex来关联更新 顶部text和主题页面之间的切换,滑动切换页面的时候,同步更新顶部tab导航栏。 tabText("导购", 2) ], ) ), Expanded( child: PageView.builder

    3K00发布于 2021-09-29
  • 来自专栏Flutter&Dart

    (Flutter)实现简洁好看的PageView指示器

    简洁好看的指示器 1.介绍 在使用PageView时,我们通常需要添加指示器,以避免用户产生只有一张图片显示的错觉,所以,添加指示器是必不可少的! 2.开始实现 首先,我们要确定传进来的参数有哪些 PageController controller 用于绑定指示器 int itemCount 与PageView对应,需要确认有多少页 Color

    1.5K20发布于 2021-03-02
  • 来自专栏阿策小和尚

    【Flutter 专题】108 图解 PageView 滑动页面预览小尝试

    PageView 滑动页面预览应用在很多场景中,和尚之前只用过最基本的用法,今天和尚尝试系统性的学习一下 PageView 的基本应用; PageView 一般用户少量需要滑动页面切换的场景,但整体使用很灵活 PageView() 和尚首先使用默认构造函数生成一个基本的 PageView; return Container( height: 240, child: PageView(children PageView.builder PageView 提供了便利的 .builder() 构造方法,适用于大量动态或类似的 Widget,类似于 ListView.builder() 方式,注意:其中 PageView.custom PageView 还提供了 .custom() 构造方法;可以通过 SliverChildBuilderDelegate 代理添加 Page 页面懒加载还可以进行 Page ---- PageView 案例源码 ---- 和尚对 PageView 的底层还不够深入,可以自定义很多酷炫效果,建议多多尝试;如有错误,请多多指导! 来源:阿策小和尚

    1.7K10发布于 2021-01-12
  • 来自专栏韩曙亮的移动开发专栏

    【Flutter】侧拉导航栏实现 ( Drawer 组件 | PageView 组件 )

    文章目录 一、Drawer 组件 二、PageView 组件 三、完整代码示例 四、相关资源 一、Drawer 组件 ---- Scaffold 组件中的 drawer 参数 , 就是设置侧拉导航栏菜单的 组件 ---- PageView 组件最重要的两个字段 : PageController? 构造函数 : PageView({ Key? 代码示例 : /// 滑动组件 , 界面的核心元素 PageView( /// 控制跳转翻页的控制器 controller: _pageController, /// Widget 组件数组 控制器 , 用于控制 PageView var _pageController = PageController( /// 初始索引值 initialPage: 0, );

    2.7K20编辑于 2023-03-29
  • 来自专栏call_me_R

    深入了解 Flutter 中的 PageView(含自定义特效)

    PageView 的行为跟 ListView 的在构建元素的意义上类似。 PageViews 的类型有: PageView PageView.builder PageView.custom PageView(默认构造器) 我们以固定列表页面为例,使其可滚动。 PageView PageView 可以通过添加 PageController 被程序控制。 Demo App using PageView 在 Flutter 中,为了演示使用 PageView 来创建一个简单的应用,我创建了一个来学习 GRE 词汇的应用。 官方位置 PageView class

    2.4K21编辑于 2024-05-05
  • 来自专栏移动开发之家

    Flutter 小技巧之 ListView 和 PageView 的各种花式嵌套

    这次的 Flutter 小技巧是 ListView 和 PageView 的花式嵌套,不同 Scrollable 的嵌套冲突问题相信大家不会陌生,今天就通过 ListView 和 PageView 的三种嵌套模式带大家收获一些不一样的小技巧 PageView 而不是 ListView 。 的水平滑动,只有横向移动时才会触发 PageView 的手势,当然, 如果要说这个粗暴的写法有什么问题的话,大概就是降低了 PageView 响应的灵敏度。 同方向 PageView 嵌套 ListView介绍完常规使用,接着来点不一样的,在垂直切换的 PageView 里嵌套垂直滚动的 ListView , 你第一感觉是不是觉得不靠谱,为什么会有这样的场景 看到自己管理先不要慌,虽然要自己实现 PageView 和 ListView 的手势分发,但是其实并不需要重写 PageView 和 ListView ,我们可以复用它们的 Darg 响应逻辑

    2.8K20编辑于 2022-07-04
  • 来自专栏韩曙亮的移动开发专栏

    【Flutter】底部导航栏实现 ( BottomNavigationBar 底部导航栏 | BottomNavigationBarItem 导航栏条目 | PageView )

    文章目录 一、Scaffold 组件 二、底部导航栏整体架构 三、BottomNavigationBar 底部导航栏 四、BottomNavigationBarItem 导航栏条目 五、PageView controller 和 List<Widget> children 字段 , PageController 用于控制 PageView 中的页面跳转 , children 中就是 PageView 封装的多个界面组件 = null); 五、PageView 组件 ---- PageView 组件最重要的两个字段 : PageController? 构造函数 : PageView({ Key? 控制器 , 用于控制 PageView var _pageController = PageController( /// 初始索引值 initialPage: 0, );

    11K50编辑于 2023-03-29
  • 来自专栏Swift社区

    Swift 中如何进行多重条件排序

    BlogPost(title: "Kofi", pageView: 1, sessionDuration: 1), BlogPost(title: "Akosua", pageView: ", pageView: 1, sessionDuration: 1), BlogPost(title: "Akosua", pageView: 5, sessionDuration: : let popularPosts = BlogPost.examples.sorted { (lhs, rhs) in if lhs.pageView == rhs.pageView { // <1 > return lhs.sessionDuration > rhs.sessionDuration } return lhs.pageView > rhs.pageView // <2> } 换言之 lhs.pageView < rhs.pageView 和 rhs.pageView < lhs.pageView必须等于false才能决定顺序相等。这就是我们 !

    1.7K20发布于 2021-11-26
  • 来自专栏韩曙亮的移动开发专栏

    【Flutter】底部导航栏页面框架 ( BottomNavigationBar 底部导航栏 | PageView 滑动页面 | 底部导航与滑动页面关联操作 )

    文章目录 一、BottomNavigationBar 底部导航栏 二、PageView 滑动页面 三、BottomNavigationBar 与 PageView 关联 四、完整代码示例 1、核心导航组件 Colors.red : Colors.grey), ), ); }).toList(), ) 二、PageView 滑动页面 - --- PageView 作为显示的主体组件 , 设置给 Scaffold 的 body 字段 , 主要设置以下三个参数 ; 控制器 : 在 PageView 的 controller 参数设置 , PageController 类型 , 主要用于控制 PageView 的页面跳转 ; 滑动回调事件 : onPageChanged 参数设置滑动回调事件 , 传入 index 索引值 , 在该事件中 , 调用 setState ; PageView 主动设置选中状态 : 滑动 PageView 界面 , 会回调 PageView 中的 onPageChanged 方法 , 在此处调用 setState 方法 , 在该方法中设置

    7.2K20编辑于 2023-03-29
  • 来自专栏一枝花算不算浪漫的专栏

    mybatis结合分页的使用及解析.

    ) { 97 this.pageView = pageView; 98 } 99 100 101 /** 102 * 分页显示样示部分 103 */ 104 public void pageView(String url,String params){ 105 106 pageView = new ArrayList , 将查询的结果封装到pagination中, 且 将url和封装的条件封装到pageView中. 这里因为页码按钮的样式是固定的, 不固定的只是我们点击 每一个按钮跳转的url和查询的条件不同, 所以这里使用pageView属性来封装url和查询条件. 下面来看下源码中的pageView. 1 /** 2 * 分页显示样示部分 3 */ 4 public void pageView(String url,String

    1.9K70发布于 2018-05-18
  • 来自专栏我杨某人的青春满是悔恨

    设计模式之创建型模式

    Factory Method(工厂方法) 现在我们给 PageView 加上用来创建 Label 和 Button 的工厂方法,并在构造器中调用工厂方法。 这时候如果是支持范型的语言,就可以使用范型参数来解决这个问题(前提是工厂方法中没有针对某个特定子类产品的操作),我们把 PageView 改成一个范型类: class PageView<L: UILabel let pageView = PageView<HelloLabel, HelloButton>() view.addSubview(pageView) } } 效果如下: ? HelloPage.png 若要使用 GoodPage,只需要把PageView<HelloLabel, HelloButton>()换成PageView<GoodbyeLabel, GoodbyeButton = PageView(factory: HelloUIFactory()) view.addSubview(pageView) 当然跟工厂方法一样,为了避免类继承层次过深,也可以使用范型版本的工厂,只不过这样在使用的时候就需要明确指出需要创建的产品类型了

    1.1K40发布于 2018-09-10
  • 来自专栏Hadoop数据仓库

    使用hive查询把访问网络流量会话化

    JOIN (SELECT DISTINCT st_pageview_id FROM (SELECT b.st_pageview_id st_pageview_id = t2.st_pageview_id WHERE t2.st_pageview_id IS NULL;   在最内层子查询中用自关联查询出非起始页面的浏览ID,因为Hive目前还没有支持不等于的 sstoi_pageview_id, ssoo_pageview_id sstoi_origin_pageview_id FROM (SELECT t2.st_user_id , t2.st_pageview_id, t1.ssoo_pageview_id, IF ( , MAX (ssqfl_pageview_count) AS max_pvs_per_session, MIN (ssqfl_pageview_count) AS

    1.1K30编辑于 2022-05-07
  • 来自专栏编程进阶实战

    通用分页存储过程,干货无污染

    [WEB_PageView]') and OBJECTPROPERTY(ID, N'IsProcedure') = 1) DROP PROCEDURE [dbo]. [WEB_PageView] GO SET QUOTED_IDENTIFIER ON GO SET ANSI_NULLS ON GO CREATE PROCEDURE dbo.WEB_PageView FROM (SELECT TOP '+@TotalRecordForPageIndex+' '+@ReturnFields+', ROW_NUMBER() OVER ('+@OrderBy+') AS PageView_RowNo FROM '+@TableName+ ' ' + @Where +' ) AS TempPageViewTable WHERE TempPageViewTable.PageView_RowNo

    41010编辑于 2022-02-15
  • 来自专栏程序萌部落

    引入基于LCloud的页面访问统计到Hexo博客中

    true:false; function showTime() { var Pageview = AV.Object.extend("Pageview"); if(isIndex){ { addPageViewsNum($(".pageViews")); } } //仅显示阅读量 function showPageViewsNum(ele, Pageview) = results[0]; var count = pageview.get("count"); count++; pageview.set("count ", count); pageview.set("title", title); pageview.save().then(function (pageview) { = AV.Object.extend("Pageview"); var query = new Pageview; query.save({ post_id: id,

    2.3K30发布于 2020-06-29
  • 来自专栏算法

    MySQL中distinct和group by去重的区别

    创建测试数据 首先,我们创建一个测试表pageview,并插入一些数据: SQL代码: -- 创建测试表 DROP TABLE IF EXISTS pageview; CREATE TABLE pageview (aid, uid) VALUES(1, 1); INSERT INTO pageview(aid, uid) VALUES(1, 1); INSERT INTO pageview(aid, uid) VALUES(2, 1); INSERT INTO pageview(aid, uid) VALUES(2, 2); DISTINCT使用 DISTINCT的基本语法如下: SELECT DISTINCT column_name, column_name FROM table_name; 单列去重 根据aid(文章ID)去重: SQL代码: SELECT DISTINCT aid FROM pageview FROM table_name GROUP BY column_name; 单列去重 根据aid去重: SQL代码: SELECT aid FROM pageview GROUP BY aid; 与

    59900编辑于 2025-06-02
领券