scroller

HarmonyOS应用闪屏问题性能优化三

@BuilderprivategetListView(){List({space:12,scroller:this.scroller}){//使用懒加载组件渲染数据ForEach(this.newsData
·2025-06-05 23:13

使用 Virtual Scroller 实现百万级列表的极致性能优化

在前端开发中，当我们需要展示海量数据（比如10万条、100万条列表项）时，直接将所有内容渲染到DOM中会导致性能瓶颈。即使使用`requestIdleCallback`分批渲染，也依然无法解决内存占用大和滚动迟钝的问题。本篇文章将介绍如何使用「虚拟滚动（VirtualScrolling/Windowing）」技术，在用户滚动过程中只渲染可视区域的数据，从根本上解决大数据列表的性能问题。我们会讲解虚
星之海丶·2025-05-25 08:36

一篇文章彻底理解自定义View

ScrollTo、ScrollBy:②.布局位置(layout,offsetLeftAndRight,offsetTopAndBottom)③.布局参数(LayoutParams)4.view的弹性滑动①.Scroller
龚礼鹏·2025-05-09 00:22

鸿蒙开发进阶（HarmonyOS）通过List和Scroller由简单到复杂列表布局场景

鸿蒙NEXT开发实战往期必看文章：一分钟了解”纯血版！鸿蒙HarmonyOSNext应用开发！“非常详细的”鸿蒙HarmonyOSNext应用开发学习路线！（从零基础入门到精通）HarmonyOSNEXT应用开发案例实践总结合（持续更新......）HarmonyOSNEXT应用开发性能优化实践总结（持续更新......）场景描述在多列表页面开发中，数据展示往往有联动关系，场景一：单列表布局多长列
你我皆是牛马星人·2025-05-08 21:59

解决ExtJS 6/7无限滚动表格/列表(infinite: true)无法在触屏Windows浏览器上触摸滚动

这是因为，配置了infinite:true的表格或列表，使用的不是普通的可滚动容器(实际是带overflow-y:auto样式的div)，而是Ext.scroll.VirtualScroller，这个容器是监听
神秘_博士·2025-04-05 21:31

手把手教你华为鸿蒙开发之第九节

华为鸿蒙开发：滚动视图Scroller与ForEach循环深度解析引言在移动应用开发中，滚动视图是展示大量内容的常用组件。华为鸿蒙操作系统提供了Scroller组件，允许开发者创建滚动视图。
·2025-04-01 00:39

HarmonyOS NEXT开发实战（5.0版）List和Scroller从简单到复杂列表布局场景

鸿蒙NEXT开发实战往期必看文章：HarmonyOSNEXT应用开发案例实践总结合（持续更新......）HarmonyOSNEXT应用开发性能优化实践总结（持续更新......）一分钟了解”纯血版！鸿蒙HarmonyOSNext应用开发！“非常详细的”鸿蒙HarmonyOSNext应用开发学习路线！（从零基础入门到精通）场景描述在多列表页面开发中，数据展示往往有联动关系，场景一：单列表布局多长列
代码老出BUG·2025-02-19 22:33

鸿蒙Grid()代码

@Entry@Componentstructtest_Grid{scroller:Scroller=newScroller()build(){Column(){Text('请选择你的关卡').fontSize
D11_·2025-02-06 07:15

手把手教你华为鸿蒙开发之第九节

华为鸿蒙开发：滚动视图Scroller与ForEach循环深度解析引言在移动应用开发中，滚动视图是展示大量内容的常用组件。华为鸿蒙操作系统提供了Scroller组件，允许开发者创建滚动视图。
·2025-01-31 17:27

HarmonyOS ArkUi Tabs+TabContent+List实现tab吸顶功能

Demo效果@Entry@ComponentstructStickyNestedScroll{@Statemessage:string='HelloWorld'@Statearr:number[]=[]scroller
Join下班了吗·2025-01-17 18:45

Qt QTableWidget 触摸屏上滑动效果

要实现QTableWidget在触摸屏上，滑动记录，记录会跟着滑动，只需要加QScroller*pScroller=QScroller::scroller(tablewidget);pScroller-
hss2799·2024-09-15 02:54

Scroller简介

Scroller封装了滑动过程，当你需要实现一个滑动动画的时候，可以使用Scroller或是OverScroller类采集数据。
Doctor_徐·2024-03-14 23:49

iOS 用ScrollerView实现图片分页同时可缩放的功能

spm=a2h3j.8428770.3416059.1实现过程:先创建一个容器ScrollerView(self.dataSource为数据源,存放图片名称);//容器ScrollerView@prop
逝风不名·2024-02-10 05:37

Android ViewPager 控制滑动速度

time:2018/11/20*function:控制ViewPager滑动速度*version:1.0***重写startScroll方法，忽略传过来的duration值*/classFixedSpeedScroller
南窗云·2024-02-05 14:18

iOS-UIScrollerView

UIScrollerView常见属性CGPointcontentOffset这个属性用来表示UIScrollerView滚动的位置（其实就是内容左上角与ScrollerView左上角的间距值）CGSizecontentSize
皆为序幕_·2024-02-01 01:46

vue使用antv-x6 绘制流程图DAG图（二）

vue-shape";import{Dnd}from"@antv/x6-plugin-dnd";import{MiniMap}from"@antv/x6-plugin-minimap";import{Scroller
小贵子的博客·2024-01-31 11:02

第九节HarmonyOS 常用基础组件17-ScrollBar

2、接口可包含子组件ScrollBar(value:{scroller:Scroller,direction?:ScrollBarDirection,state?
yyxhzdm·2024-01-30 00:25

Vue2 - vue-virtual-scroller 长列表优化原理

目录1，效果展示2，原理2.1，滚动条的处理2.2，展示内容处理3，实现vue-virtual-scroller1，效果展示1w条数据无压力，看下初始渲染时间Rendering对比：2，原理目标：只加载在可视容器中的列表项
下雪天的夏风·2024-01-25 04:15

混合App开发h5页面问题总结

解决二：使用iscroll或者vue-scroller等第三方js模拟滚动的npm插件。目前自己是使用方案一实现的
淘淘闯天下·2024-01-20 23:24

vue之虚拟滚动

在Vue中，我们可以使用第三方库如vue-virtual-scroller来实现虚拟滚动。
在路上`·2024-01-18 23:41

数据量大如何优化渲染、虚拟列表技术、js虚拟列表、Vue Virtual Scroller 实现虚拟滚动列表、react-virtualized 库实现的虚拟列表

数据量大如何优化渲染当处理大量数据时，页面可能会出现性能问题。为了优化性能，可以考虑使用虚拟列表和数据缓存机制。虚拟列表是一种UI优化技术，它只渲染可见区域的数据项，而不是一次性渲染全部数据。这样可以减少DOM元素数量，提高页面性能和用户体验。数据缓存机制可以将已经请求过的数据暂存到内存或本地存储中，当需要再次使用这些数据时，可以直接从缓存中获取，减少对服务器的请求次数，提高数据加载速度。虚拟列表
星辰迷上大海·2024-01-18 09:04

ListView实现树形菜单——listview整体水平与垂直同时滚动（ScrollerView嵌套ListView）...

最近在项目中用ListView实现了一个树形菜单，菜单层级可以无限，数据动态填充，写这个控件确实是花了不少的时间，而且代码逻辑也比较复杂。所以在这里并不是把整个源码贴出来，因为太多了，逻辑也比较难懂，我怕自己讲不清楚，所以这里只是记录一下在此过程中遇到的某方面的问题。因为在项目中的数据是动态填充的，即每个树节点都是从服务器端请求，然后解析获取的。那这样的话就有一个问题就是listview的宽度跟高
在下个路口·2024-01-18 07:34

coordinator使用 WebView加载H5格式

R.id.iv_ribao_particulars)ImageViewivRibaoParticulars;@BindView(R.id.app_bar)AppBarLayoutappBar;@BindView(R.id.nsv_scroller
Ad大成·2024-01-16 13:48

2019-12-06 RecyclerView 实现滑动、跳转到某个Position并顶置

如标题，这里只针对LinearLayoutManager的情况，滑动并顶置新建一个TopSmoothScroller类publicclassTopSmoothScrollerextendsLinearSmoothScroller
猫KK·2024-01-10 08:00

OverScroller安卓滑动辅助类

mScroller.getCurrX()//获取mScroller当前水平滚动的位置mScroller.getCurrY()//获取mScroller当前竖直滚动的位置mScroller.getFinalX
艾回·2024-01-09 02:44

自定义浏览器滚动条

blog.csdn.net/suwu150/article/details/78923390（suwu150博客）2、jQuery插件如果使用jQuery，则有插件jquery-custom-content-scroller3
xilong·2024-01-05 22:31

react-virtualized报bpfrpt_proptype_WindowScroller引入错误

报错报错信息✘[ERROR]Nomatchingexportin"node_modules/[email protected]@react-virtualized/dist/es/WindowScroller
清羽_ls·2024-01-04 14:07

v-if导致el-button的disabled属性动态修改失败，加key解决（虚拟列表+el-checkbox出现勾选/未勾选的闪现问题同理解决）

下一步：添加设备保存使用v-if后，disabled属性无法动态修改，通过给el-button添加key值，可以修复这个问题：下一步：添加设备保存类似问题还有vue-virtual-scroller虚拟列表的
唯一的wataru·2024-01-04 02:23

2019-06-29

扩展插件1）vue-cli:vue脚手架2）vue-resource(axios):ajax请求3）vue-router:路由4）vuex:状态管理5）vue-lazyload:图片懒加载6）vue-scroller
CC__XX·2024-01-03 23:17

h5页面在ios端页面上拉加载是触发webview的拖拽问题

_isScroller)return;e.preventDefault();},{passive:false});
有事直接说·2023-12-28 09:32

鸿蒙系列--组件介绍之其他基础组件（下）

鸿蒙系列--组件介绍之其他基础组件（上）一、ScrollBar描述：滚动条组件功能：用于配合可滚动组件使用，如List、Grid、Scroll子组件：可以包含单个子组件ScrollBar(value:{scroller
郑子·2023-12-26 12:24

Android的Scroller和VelocityTracker

原文：https://blog.csdn.net/uyy203/article/details/78926262一.Android的Scroller介绍publicclassScrollerextendsObjectjava.lang.Objectandroid.widget.Scroller
Cedric_h·2023-12-25 15:58

Android Scroller使用（附列表滑动删除案例）

目录案例效果Scroller基本使用其实Scroller的使用非常简单总共就两步，这里为了方便为下面的滑动删除案例做准备我们就先实现一个类似的效果，这里我是通过继承LinearLayout实现的，代码如下
itfitness·2023-12-24 08:15

Android 直播聊天界面来消息缓慢向上滑动效果、头部渐变消失

OverridepublicvoidsmoothScrollToPosition(RecyclerViewrecyclerView,RecyclerView.Statestate,intposition){MyLinearSmoothScroller.setTime
Android_Trot·2023-12-23 10:31

<scroller>和 里面有时

和里面有时，需要点击输入框，会将输入框上推至软键盘顶部，使用时可以立马实现这个功能，但是还没研究出如何实现。
AR7_·2023-12-23 03:27

Android Scroller解析和使用

1.Scroller的官方api:Thisclassencapsulatesscrolling.Youcanusescrollers(ScrollerorOverScroller)tocollectthedatayouneedtoproduceascrollinganimation—forexample
OneXzgj·2023-12-20 00:15

Scroller弹性滑动

1.初始化ScrollermScroller=newScroller(context,newDecelerateInterpolator());2.调用startScrollermScroller.startScroll
pure粹·2023-12-15 20:45

ar crypt下载_下载我们的新2D示例项目：Lost Crypt

arcrypt下载Weputournew2Dtoolsthroughtheirpacestocreatea2Dside-scrollerdemo.Inthispostweshowhowtheseintegrated2Dtoolscanhelpyoucreatehigh-endvisualswithUnity
culiao6493·2023-12-06 09:08

鸿蒙(HarmonyOS)应用开发——容器组件（Grid组件）

ColumnRowListGridTabsSwiper使用Grid组件构建网络布局Grid组件时网格容器，它是由“行”和“列”构成，通过指定不同的项目所在的单元格作出各种各样的布局，包括子组件GridItem语法Grid(scroller
layman0528·2023-12-02 19:20

13-Vue长列表优化 vue-virtual-scroller

回答：在大型的企业级项目中经常要渲染大量的数据，这种长列表是一个很普遍的场景，当列表内容越来越多就会导致页面滑动卡顿、白屏、数据渲染较慢的问题；这种情况主要发生在小程序、移动端或者后台管理的页面当中；通常我们会采用分页的方式进行内容的逐渐获取，但是当内容越来越多时；比如移动端的下拉刷新，不停的往上翻，到底部会加载更多内容，这样一来列表中会新增很多的元素，元素多了以后会触发浏览器的重排重绘，无论是内
iaz999·2023-12-01 01:44

iview select组件在大数据情况下虚拟加载处理方式

组件在几千上万条数据的时候特别卡，调试发现option组件渲染太多，导致整个页面都卡，通过调研发现可以通过虚拟加载的方式动态渲染option，亲测上万数据一点都不卡，废话不说，上代码虚拟加载用的是vue-virtual-scroller
川江·2023-11-30 07:39

echarts散点图(象限图)设置不同的颜色

/requestAPI.js'exportdefault{data(){return{params:{},seriesData:[],xmin:0,scrollerHeight:document.body.clientHeight
aitengteng1·2023-11-28 11:48

Android ：安卓学习笔记之 Android View 的基础知识和冲突事件处理

View1.2View的位置参数1.3MotionEvent和TouchSlop1.3.1.MotionEvent1.3.2.TouchSlop1.4VelocityTracker、GestureDetector和Scroller1.4.1VelocityTracker
JMW1407·2023-11-28 06:00

「前端长列表」开源库解析及最佳实践

是一种大数据量下只渲染可见节点避免页面卡顿的优化方案长列表也有时间分片的做法，比较少用，感兴趣的可以看高性能渲染十万条数据(时间分片)前端比较有名的有两个项目：react-windowvue-virtual-scroller
james_cil·2023-11-24 07:48

自定义控件ViewGroup绘制过程以及使用Scroller类处理滑动效果

知识点：1ViewGroup的绘制2Scroller类的用法1ViewGroup绘制对于View绘制的基本过程在参考了一篇博客，里面较为详细的介绍了绘制的基本流程：http://blog.csdn.net
xiaoleiacm·2023-11-11 21:25

Android，自定义ScrollView、Scroller的基本使用

publicfinalintgetScrollX()返回值表示当前滚动到内容的哪个位置publicvoidscrollTo(intx,inty)滚动到内容的x或y位置，一步到位，没有滚动动画，滚动动画需要利用Scroller
银河系栋梁·2023-11-11 21:55

Android自定义View(三) Scroller与平滑滚动

目录一、什么是Scroller二、认识scrollTo和scrollBy方法2.1scrollTo、scrollBy对View内容的影响2.2思考为什么移动负数距离会向坐标正方向移动?
mChenys·2023-11-11 21:24

Android之Scroller详解讲解-真正了解滚动处理

1.Scroller是什么？
mayundoyouknow·2023-11-11 21:23

Android自定义 View惯性滚动效果（不使用Scroller）

效果图：前言：看了网上很多惯性滚动方案，都是通过Scroller配合computeScroll实现的，但在实际开发中可能有一些场景不合适，比如协调布局，内部子View有特别复杂的联动效果，需要通过偏移来配合
Lan_Se_Tian_Ma·2023-11-11 21:22

Android中RecyclerView指定的item滚动到顶部

1.新建一个类,继承LinearSmoothScroller()2.重写他的两个回调方法classTopSmoothScroller(context:Context):LinearSmoothScroller
zhuhewie·2023-11-07 16:26
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他