Egret eui.Scroller扩展

最新推荐文章于 2022-03-29 13:08:46 发布
最新推荐文章于 2022-03-29 13:08:46 发布
阅读量748 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Egret 文章标签： Egret 白鹭 eui eui.Scroller 滚动容器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/u012889793/article/details/99944993
SuperScrollView更新，解决eui.Scrolleritem填不满可视视图滑动问题，新增下拉刷新功能，仅显示可视及缓冲区域item，提升滚动性能与用户体验。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

    1. 支持任意位置索引的增加和删除
    1. 支持移动到顶部，底部以及任意索引位置
    1. 支持官方eui.Scroller item填不满可视视图不能滑动的问题
    1. 新增支持下拉刷新
    1. 只会显示可视区域item以及缓冲item，默认四个

    效果图：

在这里插入图片描述

下载demo地址：https://github.com/a834286983/project/blob/master/SuperScrollView.zip

Egret Scroller + List 实现滑动列表
wuhaishengxxx的专栏
02-04 1万+
eui.Scroller 滚动控制容器,是一个常用的组件，详见官方链接： http://developer.egret.com/cn/github/egret-docs/extension/EUI/container/scroller/index.html Scroller 滑动列表是在UI中常用的一个组件之一，比如在背包物品列表、商品列表、成就列表、任务列表等，通常会有许多项，少的几个多者上百
EUI多图片轮播滑动效果
qq_42867580的博客
05-28 1267
一、实现原理 1、EUI中Scroller组件的使用。 2、监听eui.Sroll的CHANGE_START和CHANGE_END事件；根据鼠标滑动距离，来改变视口viewport.scrollH，达到图片滑动 的效果。 二、具体实现方法 1、首先新创建一个EUI组件。 2、将Scroller组件拖入到场景中，调整Scroller的尺寸与需要滚动播放的image的尺寸一致，创建两个bu...
Egret之eui.Scroller
weixin_34319111的博客
11-08 592
（纯码农制作 ，不喜勿喷）先看看结果 ： 一 ： Cell（render） Skin 的制作： 看结果是横向的滚动 ， 向左 。如果第一次显示第二个cell ， 那么需向左滑动Cell的宽度 + Cell直接的横向的间隔（我这里设为10，往下看↓）， 那么一个需要向左偏移110 。（当然 ， 内边距左为0↓） 二：Scroller Skin的制作 三 ...
egret eui.Scroller 滚动条定位
aa929393的博客
03-21 2648
监听eui.UIEvent.CHANGE_END事件..记录当前的滚动条位置this.scrollerEnd = this.scroller_bar.viewport.scrollV; 通过如下代码将滚动条举动到记录的位置 this.scroller_bar.viewport.validateNow(); this.scroller_bar.viewport.scrollV = this.s...
egret Scroller 隐藏滑动条
zzwbbwz的专栏
03-10 3983
在 Egret Engine 3.0.3 优化了 Scroller 的体验。当我们使用 Scroller 实现一些滚动区域的效果时，会发现右侧有一个滚动条(ScrollBar)，默认是自动隐藏的。即当我们不滚动区域时时不会显示该滚动条的。现在可以使用 ScrollBar （VScrollBar 和 HScrollBar） 的 autoVisibility属性，设置是否自动隐藏该滚动条。具体是如下的
egret_eui数据集合
张庆超的博客
01-11 1995
eui数据集合: 详细资料: http://edn.egret.com/cn/docs/page/527 eui.DataGroup: 数据容器, 类似于前端中通过、遍历数据来展示数据, 只要设置一个的样式样板 在DataGroup中通过改实例的itemRenderer属性来设置样板数据样式数据的值是一个继承eui.ItemRenderer的类的实例大数据优化, 通过Data
egret白鹭引擎模糊滤镜特效无效的解决方案
qq_24829537的博客
03-29 566
最近几天在研发游戏场景编辑器，遇到了一个非常烧脑问题，egret引擎的滤镜渲染无效，而且还是在兼容性最好的web环境下，看看我是怎么解决的吧
解决egret引擎List虚拟布局不同高度Item对象重用时导致的布局异常问题
it学思想的专栏
07-18 1673
解决egret引擎List虚拟布局不同高度Item对象重用时导致的布局异常问题 功能需求：聊天界面，里面有文字聊天，红包等类型的消息，不同类型的Item高度是不一样的，需要通过对象重用来优化性能 问题描述：对象重用，很自然想到 开启eui.List的虚拟布局，设置useVirtualLayout=true，但是如果itemRenderer的height高度会变化的时候，egret引擎并不支持，运行时会出现item重叠等布局异常的问题 解决办法：自己重写一个简化版的list，scroller时对象重用和显示
Egret的滚动list列表如何使用
Egret_or_Unity的博客
04-07 4081
Egret里的list 如何使用
egret 下拉框的制作
03-18
egret 下拉框的制作,亲测可用；纯代码，可以使用；egret 下拉框的制作
Egret之egret.ScrollView
weixin_33974433的博客
06-21 802
由于在微信小游戏中,无法使用eui框架(即无法使用eui.Scroller) . 还好egret框架内提供了egret.ScrollView可以完美替代. 一 : 申明及初始化 private _scrollview : egret.ScrollView = null; this._scrollview = new egret.ScrollView(); 二:选择显示容器 this._scroll...
EUI Scroller实现自定义图片轮播 组件ScrollView
weixin_30367873的博客
01-05 499
一 自定义组件如下 /** * 文 件 ScrollView.ts * 功 能： 滚动组件 * 内 容： 自定义组件，支持多张图片水平(垂直)切换滚动 * * Example: * 1. 从自定义组件中找到ScrollView，并拖动到exml上 * 2. 将需要显示对象(图片等)拖动到ScrollView的Group下 * 3. 设置Group的布...
Egret Scroller 设置滚动条
CodeP1G的博客
05-06 2825
在 Egret Engine 3.0.3 优化了 Scroller 的体验。当我们使用 Scroller 实现一些滚动区域的效果时，会发现右侧有一个滚动条(ScrollBar)，默认是自动隐藏的。即当我们不滚动区域时时不会显示该滚动条的。现在可以使用 ScrollBar （VScrollBar 和 HScrollBar） 的autoVisibility属性，设置是否自动隐藏该滚动条。具体是如下的...
Egret 滚动控制容器(Scroller)和列表List
热门推荐
阳仔博客
06-26 1万+
屏幕的尺寸总是有限的，当内容已经超出屏幕的范围时，需要特殊的处理方式。EUI 利用滚动条实现此功能。通过拉动滚动条，可以在有限的屏幕中浏览全部内容。在其他引擎中我们可以使用TableView或者ScrollView来实现这些效果，在Egret中怎么使用呢，有两个办法实现。 一、使用滚动控制容器（Scroller） 二、使用滚动控制容器（Scroller） + 列表组合的方式（List） 还对...
Egret）scroller滚动条取消回弹
Taotao的优快云之家
01-06 3634
scroller.bounces = false;
[Egret学习笔记 五]GUI Scroller的使用
JadonYuen的学习笔记
04-10 3506
直接上代码： 1.“bgImage” 配置在resource.json egret的背景图 { "name":"bgImage", "type":"image", "url":"assets/bg.jpg" } 2.Scroller为带可滚动的显示容器，类似遮罩一样，设置显示的宽高。 3.关键词viewport 指定放置在Scroller显示的对象，这里显示的是一个包含U
Egret实现滚动排行榜
Cleve_baby的博客
10-24 4672
首先用EUI布局做好两个皮肤，主要就是列表的使用，主要代码： class Rank extends eui.Component {     private listGoods: eui.List;         constructor() {         super();         this.addChild(new PlayMusic());         thi
白鹭引擎之Scroller容器
该用户还没想到好的昵称的博客
04-25 1671
最近由我这个Unity3D大师负责公司H5项目，主要实现白鹭引擎Scroller滚动框中物体可以拖拽的效果，并且物体拖拽时，Scroller不可滚动。。。我这门外汉一听这要求，瞬间想打死策划。我研究了一下Scroller，首先，如果要想有物体跟着Scroller滚动，那该物体必须放到Scroller的Group中。but,问题来了，Group里的物体是不可以被拖到滚动框...
在 EgretWing 中 eui.list 显示的数据怎么靠右边开始显示
最新发布
07-02
<e:ItemRendererxmlns:e="http://ns.egret.com/eui"><e:Label id="labelDisplay"textAlign="right" width="100%" height="100%"verticalAlign="middle"/> ```然后在代码中关联这个EXML：```typescriptclass ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值