精华内容
下载资源
问答
  • PageView

    2021-03-28 21:50:13
    /// Flutter code sample for PageView // Here is an example of [PageView]. It creates a centered [Text] in each of the three pages // which scroll horizontally. import 'package:flutter/material.dart'...

    分页显示内容,图片先显示一个,通过controller: PageController(viewportFraction: 0.9),两边可以显示其他图片的边,可以左右划动来查看其他图片。

    // Flutter code sample for PageView
    //
    // Here is an example of [PageView]. It creates a centered [Text] in each of the three pages
    // which scroll horizontally.
    
    import 'package:flutter/material.dart';
    
    void main() => runApp(const MyApp());
    
    /// This is the main application widget.
    class MyApp extends StatelessWidget {
      const MyApp({Key? key}) : super(key: key);
    
      static const String _title = 'Flutter Code Sample';
    
      @override
      Widget build(BuildContext context) {
        return MaterialApp(
          title: _title,
          home: Scaffold(
            appBar: AppBar(title: const Text(_title)),
            body: const MyStatelessWidget(),
          ),
        );
      }
    }
    
    /// This is the stateless widget that the main application instantiates.
    class MyStatelessWidget extends StatelessWidget {
      const MyStatelessWidget({Key? key}) : super(key: key);
    
      @override
      Widget build(BuildContext context) {
        final PageController controller = PageController(initialPage: 0);
        return PageView(
          /// [PageView.scrollDirection] defaults to [Axis.horizontal].
          /// Use [Axis.vertical] to scroll vertically.
          scrollDirection: Axis.horizontal,
          controller: PageController(viewportFraction: 0.9),
          children: <Widget>[
            Container(
              color: Colors.blue,
              child: Center(
                child: Text('First Page'),
              ),
            ),
            Container(
              color: Colors.red,
              child: Center(
                child: Text('Second Page'),
              ),
            ),
            Container(
              color: Colors.green,
              child: Center(
                child: Text('Third Page'),
              ),
            ),
          ],
        );
      }
    }
    

    展开全文
  • pageView

    2016-06-30 16:35:40
    PageView * pageView = PageView::create(); //新建 pageView->setContentSize(Size(240.0f, 130.0f));  //设置大小 pageView->removeAllPages(); //清除所有页 pageView->insertPage(layout, i); //...

    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适配.zip

    2020-06-23 14:49:20
    cocos creator中的组件pageview适配。在Prefab中创建好pageview组件,之后再pageview所绑定的组件的onLoad方法中对pageview进行相应的适配操作。
  • PageView11.zip

    2019-08-15 17:03:35
    UGUI pageview UGUI pageview UGUI pageview UGUI pageview
  • PageView学习

    2021-06-10 17:10:46
    PageView控件可以实现一个“图片轮播”的效果,PageView不仅可以水平滑动也可以垂直滑动,简单用法如下: PageView( srcollDirection: Axis.vertical // 垂直方向 ) // PageView配合PageController可以实现...

    PageView控件可以实现一个“图片轮播”的效果,PageView不仅可以水平滑动也可以垂直滑动,简单用法如下:

      PageView(
        srcollDirection: Axis.vertical  // 垂直方向
      )
    
    
    
    // PageView配合PageController可以实现非常酷炫的效果,控制每一个Page不占满,
      PageView(
        controller: PageController(
            viewportFraction: 0.9,
        ),
        ...
    )
    
    
     // PageController中属性initialPage表示当前加载第几页,默认第一页。
    
    
     // onPageChanged属性是页面发生变化时的回调,用法如下:
    
    PageView(
        onPageChanged: (int index){
        },
        ...
    )
    
    
    
    
    // 无限滚动
     // PageView滚动到最后时希望滚动到第一个页面,这样看起来PageView是无限滚动的:
    
    List<Widget> pageList = [PageView1(), PageView2(), PageView3()];
    
    PageView.builder(
        itemCount: 10000,
        itemBuilder: (context, index) {
            return pageList[index % (pageList.length)];
        },
    )
    
    
    

    滚动效果全部代码

    class ViewPage extends StatefulWidget {
      @override
      State<StatefulWidget> createState() => _ViewPageState();
    }
    
    class _ViewPageState extends State<ViewPage> {
      var imgList = [
        'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2877516247,37083492&fm=26&gp=0.jpg',
        'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1582796218195&di=04ce93c4ac826e19067e71f916cec5d8&imgtype=0&src=http%3A%2F%2Fhbimg.b0.upaiyun.com%2F344fda8b47808261c946c81645bff489c008326f15140-koiNr3_fw658'
      ];
      PageController _pageController;
    
      var _currPageValue = 0.0;
    
      //缩放系数
      double _scaleFactor = .8;
    
      //view page height
      double _height = 230.0;
    
      @override
      void initState() {
        super.initState();
        _pageController = PageController(viewportFraction: 0.9);
        _pageController.addListener(() {
          setState(() {
            _currPageValue = _pageController.page;
          });
        });
      }
    
      @override
      void dispose() {
        super.dispose();
        _pageController.dispose();
      }
      @override
      Widget build(BuildContext context) {
        return Container(
            height: _height,
            child: PageView.builder(
              itemBuilder: (context, index) => _buildPageItem(index),
              itemCount: 10,
              controller: _pageController,
            ));
      }
    
      _buildPageItem(int index) {
        Matrix4 matrix4 = Matrix4.identity();
        if (index == _currPageValue.floor()) {
          //当前的item
          var currScale = 1 - (_currPageValue - index) * (1 - _scaleFactor);
          var currTrans = _height * (1 - currScale) / 2;
    
          matrix4 = Matrix4.diagonal3Values(1.0, currScale, 1.0)
            ..setTranslationRaw(0.0, currTrans, 0.0);
        } else if (index == _currPageValue.floor() + 1) {
          //右边的item
          var currScale =
              _scaleFactor + (_currPageValue - index + 1) * (1 - _scaleFactor);
          var currTrans = _height * (1 - currScale) / 2;
    
          matrix4 = Matrix4.diagonal3Values(1.0, currScale, 1.0)
            ..setTranslationRaw(0.0, currTrans, 0.0);
        } else if (index == _currPageValue.floor() - 1) {
          //左边
          var currScale = 1 - (_currPageValue - index) * (1 - _scaleFactor);
          var currTrans = _height * (1 - currScale) / 2;
    
          matrix4 = Matrix4.diagonal3Values(1.0, currScale, 1.0)
            ..setTranslationRaw(0.0, currTrans, 0.0);
        } else {
          //其他,不在屏幕显示的item
          matrix4 = Matrix4.diagonal3Values(1.0, _scaleFactor, 1.0)
            ..setTranslationRaw(0.0, _height * (1 - _scaleFactor) / 2, 0.0);
        }
    
        return Transform(
          transform: matrix4,
          child: Padding(
            padding: EdgeInsets.symmetric(horizontal: 10),
            child: Container(
              decoration: BoxDecoration(
                borderRadius: BorderRadius.circular(12),
                image: DecorationImage(
                    image: NetworkImage(imgList[index % 2]), fit: BoxFit.fill),
              ),
            ),
          ),
        );
      }
    }
    

    推荐几款Github上带动画效果的PageView

    Travel Cards

    Mindfullness Gooey Transition

    page-transformer

    transformer_page_view

    smooth_page_indicator

    本文由博客一文多发平台 OpenWrite 发布!

    展开全文
  • Wikimedia Pageview API客户端 安装 为了在使用sudo的系统上安装整个系统,您可以使用: pip install git+https://github.com/Commonists/pageview-api.git 例子 2015年11月6日至11月20日在文章巴黎的英语维基百科...
  • 滚动的PageView

    2021-04-05 18:59:42
    作者chinaljw,源码JJCyclePageView,一个能滚到世界尽头的PageView,功能 可以横着滚 也能竖着滚 还能自己滚 可以从左往右自己滚 也能从右往左自己滚 可以从上往下自己滚 也能从下往上自己滚 可以滚一个 ...
  • pageview.unitypackage

    2020-06-12 11:47:39
    具体描述及代码可以直接看我的博客, unity无限滚动循环翻页的pageview, 因为业务需求需要做一个循环的列表,无限循环https://blog.csdn.net/panadalove/article/details/106712675
  • Qt qml pageview

    热门讨论 2015-03-20 09:25:02
    PageView{ id: pv width: 300 height: 200 Rectangle{ width:pv.width; height:pv.height; color: 'red' } Rectangle{ width:pv.width; height:pv.height; color: 'green' } Rectangle{ width:pv....
  • Flutter PageView简析

    千次阅读 2020-03-30 17:42:46
    Flutter中的PageView有点类似于Android中的ViewPager,但是PageView提供了额外的配置,比如PageView既可以支持横向翻页也可以支持竖直翻页。今天就来简单的解析下这个控件。 PageView可以通过三种方式来创建: 1、...

    Flutter中的PageView有点类似于Android中的ViewPager,但是PageView提供了额外的配置,比如PageView既可以支持横向翻页也可以支持竖直翻页。今天就来简单的解析下这个控件。

    PageView可以通过三种方式来创建:
    1、通过默认构造器创建
    2、通过PageView.custom方法创建
    3、使用PageView.builder方法创建。

    可以通过构造器来简单创建一个PageView,代码如下:

    class PageBean {
       
      final String pageName;
      final int pageIndex;
    
      PageBean(this.pageName, 
    展开全文
  • Flutter Widgets 之 PageView

    万次阅读 2020-02-29 10:54:46
    注意:无特殊说明,Flutter版本及Dart版本如下: ...PageView控件可以实现一个“图片轮播”的效果,PageView不仅可以水平滑动也可以垂直滑动,简单用法如下: PageView( children: <Widget>[ MyPage1()...
  • Flutter Widgets 之 PageView.pdf
  • 主要为大家详细介绍了flutter PageView实现左右滑动切换视图,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • PageView的使用

    千次阅读 2017-09-03 08:48:26
    PageView的使用(这里实现的功能是有三页,每页有三个图片精灵,每个图片精灵各加了一个按钮) //创建一个pageView对象 auto pageView = PageView::create(); pageView->setContentSize(Size(960,480)); pageView->...
  • PageView 是一个滑动视图列表,它也是继承至 CustomScrollView 的。 在 PageView 里有三个构造函数: PageView – 创建一个可滚动列表。 PageView.builder – 创建一个滚动列表,指定数量。 PageView.custom – ...
  • 页面预览 一个新的Flutter项目。 入门 要获得Flutter入门方面的帮助,请查看我们的在线。 Gradient-PageView-CircleHeroAnimatian-MENUDropdown
  • Flutter PageView使用案例

    千次阅读 2019-02-27 16:51:00
    前言 现在的小目标是要实现一个 「图片轮播」的效果,我们在 Android...那么,在Flutter中,代替 Android 中的ViewPager组件是PageView,而且,这个PageView相比ViewPager扩展性更高。 我们来看一下 Flutter Pag...
  • PageView的设置

    2019-08-30 14:42:35
    1、创建一个PageView控件,自动生成background精灵和mask的view视图和indicator View下面有一个content(Layout类型) ,content可以存放每页内容 页面指示器,可以清晰看当前是多少也 2、监听PageView事件 ...
  • Flutter PageView左右滑动切换视图

    千次阅读 2019-07-05 07:06:06
    Flutter PageView左右滑动切换视图
  • unity 实现pageView翻页效果免费提供源码 ;源代码,有文档解释参考;请勿商用~~~~~~~~~~~~~~~~
  • ios-可滚动pageView.zip

    2019-07-11 20:06:21
    一款可滚动pageView,可缓存,可滚动的pageView,可pod安装,pod 'ZXScrollPageView'
  • listview与pageview使用与特效
  • PageView Map(nr1-pageview-map) 用法 PageView Map使用数据在地图可视化上绘制活动,从而使您可以对数据进行地理探索。 开源许可证 该项目是在下分发的。 依存关系 。 入门 首先,确保已安装和 。 如果不确定...
  • PageViewIndicator为PageView构建指示标记。 导入导入'package:page_view_indicator / page_view_indicator.dart'; 用法默认材质b PageViewIndicator为PageView构建指示标记。 导入导入'package:page_view_...
  • 源码LazyPageScrollView,想必开发过app的开发者都有这样的痛点,如果要做一个可以切换tab的pageView估计不是一件容易的事情,比如订单模块,用户可以滑动在待付款,已完成和售后中三个view之间切换的话,会牵扯到...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 7,048
精华内容 2,819
关键字:

pageview