Egret）scroller滚动条滚动到最底

前端开发与UI组件交互逻辑解析
最新推荐文章于 2020-05-14 22:53:39 发布
最新推荐文章于 2020-05-14 22:53:39 发布
阅读量9.8k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Egret
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/taotao3686/article/details/50469719
本文深入探讨了在前端开发中如何实现列表组件的滚动验证与布局调整，通过实例展示了如何使用EUI和GUI库来高效地管理UI元素的垂直滚动位置，确保用户体验的一致性和交互的流畅性。 
------------------gui
list.validateNow(); 
list.dataGroup.verticalScrollPosition = list.dataGroup.contentHeight - list.height;


--------eui
this.ui_scroller.viewport = this.list;
this.ui_scroller.validateNow();
            
this.ui_scroller.viewport.scrollV = this.ui_scroller.viewport.contentHeight - this.ui_scroller.viewport.height;

egret虚拟摇杆
weixin_40938312的博客
08-16 784
////////////////////////////////////////////////////////////////////////////////////// // // Copyright (c) 2014-present, Egret Technology. // All rights reserved. // Redistribution and use in sourc...
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 eui.Scroller 滚动条定位
aa929393的博客
03-21 2652
监听eui.UIEvent.CHANGE_END事件..记录当前的滚动条位置this.scrollerEnd = this.scroller_bar.viewport.scrollV; 通过如下代码将滚动条举动到记录的位置 this.scroller_bar.viewport.validateNow(); this.scroller_bar.viewport.scrollV = this.s...
scroller滑动到底部
cy-app
02-27 995
scrollView.post(new Runnable() { 2        public void run() { 3         scrollView.fullScroll(ScrollView.FOCUS_DOWN); 4        }
egret 滚动组件起点怎么设置到底部
weixin_45172119的博客
05-14 511
egret 滚动组件起点怎么设置到底部 在egret 引擎中添加一个滚动组件，滚动组件有一个可视区，可用group组件来设置。 我们知道egret默认起点为左上角为原点。 所以要滚动起点在底部，需要用group中的scrollV属性，需要设置他的位置就可以了。 ...
egret----list默认显示最底部
weixin_41795931的博客
11-13 1424
this.sc.viewport = this.list_huode;                     this.sc.validateNow();                     if (this.sc.viewport.contentHeight > this.sc.viewport.height) {                         this.sc.v...
Egret的滚动list列表如何使用
Egret_or_Unity的博客
04-07 4083
Egret里的list 如何使用
EUI多图片轮播滑动效果
qq_42867580的博客
05-28 1270
一、实现原理 1、EUI中Scroller组件的使用。 2、监听eui.Sroll的CHANGE_START和CHANGE_END事件；根据鼠标滑动距离，来改变视口viewport.scrollH，达到图片滑动 的效果。 二、具体实现方法 1、首先新创建一个EUI组件。 2、将Scroller组件拖入到场景中，调整Scroller的尺寸与需要滚动播放的image的尺寸一致，创建两个bu...
EgretMVC利用Scroller+List创建滑动列表
redhat0921的博客
10-12 436
一、创建的List列表中的组件需要继承eui.ItemRenderer类 class ItemChoiceView extends eui.ItemRenderer { constructor() { super(); //添加所需要监听的事件 this.addEventListener(eui.UIEvent.COMPLETE, this.uiC...
egret学习笔记之屏幕消息滚动5.6
我是你的大萝卜的博客
05-06 1161
效果首先将创建6个eui.Label，将6个push到一个数组中，private TweenTest() { for (var i = 0; i < this.cry.length; i++) { egret.Tween.removeTweens(this.cry[i]); if (this.cry[i].y < 25) { this.cry[i].y = 15...
egret的eui.List滚动
wulong710的专栏
10-06 935
参考https://developer.egret.com/cn/docs/page/611#定位滚动位置 egret.callLater(() => { this._infoScroll.viewport.validateNow(); let vItem = this._infoList.getVirtu...
Scroller
看了比懂王还懂
04-09 614
问题描述用这样的布局，想做一个类似聊天的界面，想做到微信的效果，当用户一直拉到最下时，那么来了新的内容，就自动把滑动杆往下拉，显示最新内容。遇到了问题：http://bbs.egret.com/thread-26953-1-1.html分析1.控件的刷新有延迟2.虚拟视图导致高度计算不对解决办法1.用watch 监听viewport 里面的 contentHeight 属性代码如下：eui.Wat
invalidateList and validateNow
小点滴
11-23 1983
调用DataGrid的InvalidateList和validateNow两个方法来实现动态的刷新视图。如果你使用了数据源绑定操作的话一般来说DataGrid会自动的帮你去更新视图，具体的应该也会去调用这两个方法。所以遇到DataGrid视图方面的问题可以通过这两个方法来试试。     invalidateList()这个函数用来刷新 DataGrid 的每一行，validateNow()这个是
Egret 滚动控制容器(Scroller)和列表List
阳仔博客
06-26 1万+
屏幕的尺寸总是有限的，当内容已经超出屏幕的范围时，需要特殊的处理方式。EUI 利用滚动条实现此功能。通过拉动滚动条，可以在有限的屏幕中浏览全部内容。在其他引擎中我们可以使用TableView或者ScrollView来实现这些效果，在Egret中怎么使用呢，有两个办法实现。 一、使用滚动控制容器（Scroller） 二、使用滚动控制容器（Scroller） + 列表组合的方式（List） 还对...
Egret图文混排组件
pilihou的专栏
08-14 932
/** * 图文混排组件 */ class TextImage extends eui.Group { public templet: egret.TextField constructor(protected _TextImageData: Array<any> = []) { super(); ...
egret 滚动向下拉刷新数据
u010329101的专栏
01-19 3850
在一个egret项目开发中有个报表做分页的需求，因为是手机版的原因所以想过同滚动向下拉来实现局部刷新数据。由于官网还没有相关的资料所以参照了Scroller的文档和egret的帖子写了类似的例子。实现的思路还是比较简单的主要根据CHANGE事件检查滚动区是否超过设置的像素，再通过CHANGE_END事件检测到停止滚动时给请求添加数据。由于没有请求暂时性用let dataArrylen = (thi
validateNow()方法解决measuredWidth等于0问题
stonywang的专栏
08-31 1573
<br />今天遇到一个很诡异的问题，在某些情况下（并不是总出现），updateDisplayList中buttonBar.measuredWidth总是等于0，导致buttonBar在页面上无法显示，调用buttonBar.validateNow();问题解决。可能是buttonBar的validateSize()方法没有调用。<br />另外如果不用buttonBar.validateNow();调用buttonBar.setStyle("backgroundColor", 0x00ff00);也可以解
Flex中的callLater和validateNow
Vincent8501的专栏
02-26 1446
终于打算在优快云安家了。 作为第一篇博客，记录下今天工作中遇到的问题，项目主Application中嵌套了三层容器（Canvas），然后判断当容器中的两个组件发生覆盖时增加顶层容器的宽度（即加大width属性的值），然后再将滑动条滑动相应的数值（即容器增加的宽度）。 很简单的功能，然而调试中却发现顶层容器的宽度顺利增加，但是将滑动条的horizontalScrollPosition属性增加相
Egret技术集合：横向滚动list与碰撞体检测示例
资源摘要信息:"Egret 横向滚动list、movieClip及碰撞体检测等技术集合demo" Egret是一个使用TypeScript编写的开源HTML5游戏引擎，广泛应用于制作网页游戏和交云应用程序。Egret提供了丰富的接口和组件，使得开发者...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值