温馨提示:本篇博客的详细代码已发布到 git : https://gitcode.com/nutpi/HarmonyosNext 可以下载运行哦!
CubeSwiperController提供了五个核心数据操作方法:
addData: (index: number, data: ESObject) => void = () => {};
controller.addData(0, {
title: "新项目",
subTitle: "副标题",
image: $r('app.media.icon')
});
deleteData: (index: number) => void = () => {};
controller.deleteData(0); // 删除第一项
updateData: (index: number, data: ESObject) => void = () => {};
controller.updateData(1, {
title: "更新的标题",
subTitle: "更新的副标题",
image: $r('app.media.newIcon')
});
pushData: (data: ESObject) => void = () => {};
setData: (data: ESObject[]) => void = () => {};
// 创建控制器
const controller = new CubeSwiperController();
// 设置初始数据
controller.setData([
new MySwiperItem("标题1", "副标题1", $r('app.media.img1')),
new MySwiperItem("标题2", "副标题2", $r('app.media.img2'))
]);
// 添加新项
controller.pushData(new MySwiperItem("新项目", "新副标题", $r('app.media.newImg')));
// 更新特定项
controller.updateData(0, {
title: "更新后的标题",
subTitle: "更新后的副标题",
image: $r('app.media.updatedImg')
});
本篇教程详细介绍了CubeSwiperController的数据操作方法:
下一篇将介绍接口类型系统的设计。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。