鸿蒙Swiper动态加载翻页数据(等同于安卓动态加载viewPager)

devtools/2024/10/15 17:07:54/

我这里是加载一个实体类列表 类似 List 的数据,那么首先写一个dataSource:

kotlin">export class MyDataSource implements IDataSource {private list: MyBean[] = []constructor(list: MyBean[]) {this.list = list}totalCount(): number {return this.list.length}getData(index: number): MyBean{return this.list[index]}registerDataChangeListener(listener: DataChangeListener): void {}unregisterDataChangeListener() {}
}

然后在代码中加入

kotlin">@Entry
@Component
struct SwiperExample {private swiperController: SwiperController = new SwiperController()private data: MyDataSource = new MyDataSource([])aboutToAppear(): void {//在DataSource中放入你自己的list数据let list: MyBean[] = []for (let i = 1; i <= 10; i++) {let b = MyBean()list.push(b);}this.data = new MyDataSource(list)}build() {Column() {Swiper(this.swiperController) {LazyForEach(this.data, (item: MyBean, index:number) => {//这里写viewpager中的布局Text(`${index}`)}).indicator(false)}}}
}

http://www.ppmy.cn/devtools/126257.html

相关文章

用SQLyog连接mysql提示2058错误

1)在cmd下(必须是这个,不能是gitbash) // step1:修改下数据库 C:\Users\elex>mysql -uroot -p Enter password: **** Welcome to the MySQL monitor. Commands end with ; or \g. Your MySQL connection id is 97 Server version: 8.1.0 MySQL Community Server - GPLCopy…

javaweb实现下载功能报错sockettimeout

javaweb 压缩zip包下载&#xff0c;并响应头里面指定文件大小 在Java Web应用程序中&#xff0c;如果你想要创建一个ZIP文件并通过HTTP响应提供下载&#xff0c;并且希望在响应头中指定文件大小&#xff0c;你可以先将文件写入到一个临时的ByteArrayOutputStream中&#xff0c;…

Vue实现动态表单

使用 Vue 实现动态表单 在前端开发中&#xff0c;我们经常遇到根据用户输入动态生成不同表单项的需求。这类动态表单不仅提升了用户体验&#xff0c;还可以让复杂的交互流程变得简洁而高效。本文将详细讲解如何使用 Vue 3 的响应式特性&#xff0c;逐步构建一个递归动态表单。…

13.java面向对象:面向对象的三大特征

面向对象的三大特征 封装 我们程序设计要追求“高内聚&#xff0c;低耦合”。高内聚就是类的内部数据操作细节自己完成&#xff0c;不允许外部干涉&#xff1b;低耦合&#xff1a;仅暴露少量的方法给外部使用。 封装(数据的隐藏&#xff09;通常应禁止直接访问一个对象中数据…

PHP 中浮点数 array_sum 求和精度丢失问题

首先给定一个数组&#xff1a; // 该数组中&#xff0c;amount 为 float/double 或 string 不影响结果 $arr [[amount > 1493.66],[amount > 1493.66],[amount > 1493.66] ];求和&#xff1a; $amount array_sum(array_column($arr, amount));我们已知晓的结果如下…

Vert.x,Web - 静态资源/模板

静态资源 Vert.x-Web带有开箱即用的处理器(StaticHandler)&#xff0c;用于处理静态Web资源(.html, .css, .js, …)&#xff0c; 因此可以非常轻松地编写静态Web服务器。 默认静态文件目录为类路径下的webroot目录&#xff0c;对于maven的项目&#xff0c;按规范放在src/main/…

使用 nrm 管理 npm 镜像源

使用 nrm&#xff08;npm registry manager&#xff09;管理 npm 镜像源可以极大地简化在不同 npm 源之间切换的过程。以下是如何使用 nrm 来管理 npm 镜像源的详细步骤&#xff1a; 一、安装 nrm 首先&#xff0c;你需要全局安装 nrm。打开命令行界面&#xff0c;然后运行以…

北斗短报文便携终端|北斗高精度平板终端|北斗平板终端有哪些应用场景?

北斗高精度平板终端&#xff0c;作为北斗卫星导航系统与现代科技融合的杰出产物&#xff0c;凭借其卓越的定位精度、广泛的覆盖范围以及强大的数据处理能力&#xff0c;正逐步渗透到社会生活的各个领域&#xff0c;成为推动行业智能化、高效化发展的重要力量。以下&#xff0c;…