EgretMVC利用Scroller+List创建滑动列表

最新推荐文章于 2025-06-13 20:42:07 发布
原创 最新推荐文章于 2025-06-13 20:42:07 发布 · 447 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了如何在EgretMVC框架下，通过继承eui.ItemRenderer创建List列表组件，并详细阐述了创建View类的步骤，以实现滑动浏览效果。
一、创建的List列表中的组件需要继承eui.ItemRenderer类
class ItemChoiceView extends eui.ItemRenderer {
   
   
	constructor() {
   
   
        super();
        //添加所需要监听的事件
        this.addEventListener(eui.UIEvent.COMPLETE, this.uiCompHandler, this);
        this.skinName = "resource/skins/ChoiceSkin.exml";
    }
}
二、创建View类
class
最低0.47元/天 解锁文章
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中常用的一个组件之一，比如在背包物品列表、商品列表、成就列表、任务列表等，通常会有许多项，少的几个多者上百
egret开发系列之scoller+list列表使用
choumin4500的博客
11-22 1000
一、概要 1、egret项目需要使用到滑动列表，之前在网上找了很多文章，总的来说讲的七零八落，质量也不高，加之与egret相关的资料也少之又少，所以本废柴也研究了很久才总结下来，希望给有次相关需求的小萌新起到一丢丢引导！大佬还请自动飘过。 2、滑动列表是项目中常见的组件，比如装备列表，排...
egret Scroller 隐藏滑动条
zzwbbwz的专栏
03-10 4003
在 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下添加textFiled自动回弹到初始位置
redhat0921的博客
07-07 299
官方论坛中找到这样的一句回复：scroller 的viewportgroup 的宽度永远是和scroller一样，group 下面的第一容器不能是非eui组件，而这个组件的高度即是滚动高度。 意思就是scroller下的viewport group中的子项必须是eui组件，否则不能测量高度，自然也就不能滚动 ...
详细讲解自定义ViewGroup+Scroller+VelocityTracker做出Launcher滑动
07-30
本教程将深入讲解如何结合Scroller和VelocityTracker来实现一个类似Launcher（应用启动器）的滑动效果。这种滑动效果常见于手机桌面，允许用户平滑地在多个页面之间切换。 首先，了解ViewGroup。ViewGroup是Android...
鸿蒙开发实践——基于List和Scroller由简单到复杂列表布局开发实践
最新发布
android__bye的博客
06-13 490
下部分Row组件2（List组件1 + Scroll组件（List组件2）），List组件1渲染每条信息的头部，内部用ListItemGroup进行分组渲染，竖向滚动；上部分Row组件1（Column组件+ List组件0），Column组件用来布局固定信息，List组件0用来渲染底部内容区域表头，与下部分List组件3+进行联动滚动，如股票参数，车型列表。整体运用Stack组件（List组件+List组件）布局，左List作为城市列表，右List快捷导航列表，通过ListItem对对应数据进行渲染。
鸿蒙(HarmonyOS)实战开发篇——基于List和Scroller由简单到复杂列表布局开发实践
lc748258的博客
09-26 979
3.下部分Row组件2（List组件1 + Scroll组件（List组件2）），List组件1渲染每条信息的头部，内部用ListItemGroup进行分组渲染，竖向滚动；2.上部分Row组件1（Column组件+ List组件0），Column组件用来布局固定信息，List组件0用来渲染底部内容区域表头，与下部分List组件3+进行联动滚动，如股票参数，车型列表。4.List组件2作为内容数据容器，ListItem中嵌套List组件3+横向滚动，联动List组件0进行横向滚动。
egret 把所有的元素加入滑动框
qq_41603026的博客
03-17 197
egret 把所有的元素加入滑动框 在egret开发过程中我们常常会遇到需要把页面中的所有元素都添加到滚动容器中去的情况 为了跟加方便大操作我们避免手动拖拽 就有了以下代码。
Egret实现滚动排行榜
Cleve_baby的博客
10-24 4695
首先用EUI布局做好两个皮肤，主要就是列表的使用，主要代码： class Rank extends eui.Component {     private listGoods: eui.List;         constructor() {         super();         this.addChild(new PlayMusic());         thi
Egret手势识别库egret_gesture-master.zip
04-27
本库旨在为Egret封装常用的手势操作，因本人能力有限，有的实现并不完善，欢迎批评指正。Egret手势识别库egret_gesture目前已实现的手势： 1. Tap(点一下) 2. Double Tap (双击) 3. Pinch(二指往內或往外拨动，平时经常用到的缩放) 4. Rotation(旋转) 5. Swipe(滑动，快速移动) 6. Pan (拖移，慢速移动) 7. LongPress(长按)
egret--添加滚动条
weixin_34110749的博客
06-19 470
屏幕的尺寸总是有限的，当您的内容已经超出屏幕的范围，该如何处理呢？在 PC 上浏览网页的时候，我们是如何看到屏幕显示不下的那些内容呢？没错，用滚动条。通过拉动滚动条，我们就能一点一点的看完整个网页。这里就引入了一个概念：视口(ViewPort)，如下图所示： 可以这样理解：视口就是您的显示器，内容可以在视口中滚动，这样您就可以看到本来是隐藏的那些部分。在 PC上，我们用滚动条来控制内容滚动，...
egret 滚动向下拉刷新数据
u010329101的专栏
01-19 3862
在一个egret项目开发中有个报表做分页的需求，因为是手机版的原因所以想过同滚动向下拉来实现局部刷新数据。由于官网还没有相关的资料所以参照了Scroller的文档和egret的帖子写了类似的例子。实现的思路还是比较简单的主要根据CHANGE事件检查滚动区是否超过设置的像素，再通过CHANGE_END事件检测到停止滚动时给请求添加数据。由于没有请求暂时性用let dataArrylen = (thi
Egret游戏开发之多行滑动列表实现
wuhaishengxxx的专栏
04-08 5011
先前，本人有一篇文章关于使用Egret进行H5游戏开发中，滑动列表的实现。详见 http://blog.csdn.net/wuhaishengxxx/article/details/54863897 滑动列表采用的是 eui.Scroller + eui.List去实现，使用过程中，我们只需要指定项皮肤，然后通过对数据源进行绑定实现。该博文，讲述的例子只适用于一列或者一行，在实际
[Egret学习笔记 五]GUI Scroller的使用
JadonYuen的学习笔记
04-10 3521
直接上代码： 1.“bgImage” 配置在resource.json egret的背景图 { "name":"bgImage", "type":"image", "url":"assets/bg.jpg" } 2.Scroller为带可滚动的显示容器，类似遮罩一样，设置显示的宽高。 3.关键词viewport 指定放置在Scroller显示的对象，这里显示的是一个包含U
笔记六 ：EgretH5通用MVC框架的入门操作：ItemList滚动列表的使用,以及内部Item配置与监听的方法（UI部分）
u013617851的博客
10-13 946
笔记六 ：EgretH5通用MVC框架的入门操作：ItemList滚动列表的使用,以及内部Item配置与监听的方法（UI部分）         前言：ItemList滚动列表是几乎所有界面UI包括网页，手机APP，游戏UI都常用到的一个组件，用于显示一些重复性的列表，比如淘宝的商品列表，微信的消息列表等等，这次笔记记录如何用Egret通用MVC框架组建ItemList滚动列表，基于笔记一中搭建的...
egret--列表组件(list)
weixin_33978044的博客
06-19 921
---恢复内容开始--- 列表组件 List ，继承自 DataGroup，它和 DataGroup 的区别在于： 在 List 中选中一项，会触发 eui.ItemTapEvent.ITEM_TAP 事件，然后您就可以执行后续的逻辑处理 List有选中项的概念，可以设置 List 中的默认选中项。 用法: var list =new eui.List();//创建新的列...
Egret）scroller滚动条滚动到最底
Taotao的优快云之家
01-06 9868
------------------gui list.validateNow(); list.dataGroup.verticalScrollPosition = list.dataGroup.contentHeight - list.height; --------eui this.ui_scroller.viewport = this.list; this.ui_scroller.val
Egret_Scroller排名动态调整及requestAnimationFrame
kuilaurence的博客
05-15 344
var index = 1; this.btn.addEventListener(egret.TouchEvent.TOUCH_TAP, () => { index=index<1?1:index-1; for (var i = 1; i <= 5; i++) { egret.Tween.get(this["B" + i]).to({ y: this["B" + ((i + index) % 5 + 1)].y }, 1000); ...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值