简介
鸿蒙基本库封装,提升鸿蒙开发效率
安装
ohpm install @peakmain/library
使用
二、Cell 单元格的使用
导入依赖
import {CellItemComponent, GroupCellComponent } from '@peakmain/library/Index'
布局使用,单个单元格,可直接使用CellItemComponent组件
示例代码如下
let settingData=new CellBean()
@Builder
CellItemBuilder(item: CellBean) {
CellItemComponent({
cellBean: item
})
}
})
}
builder(){
this.CellItemBuilder(this.settingData)
}
接下来只需要定义CellBean实体类即可
1. 基本使用
设置文本
settingData.cellName = "会员信息"
设置描述信息
settingData.cellDesc = "会员信息、头像、昵称"
示例代码如下:
let settingData = new CellBean()
settingData.cellName = "会员信息"
settingData.cellDesc = "会员信息、头像、昵称"
2. 隐藏右边箭头,展示右边文本
隐藏箭头方法
settingData.isArrow = false
显示右边文本
settingData.rightText = "去开启"//显示右边箭头
示例代码如下:
let settingData = new CellBean()
settingData.cellName = "您已关闭新消息通知"
settingData.cellDesc = "可能会错过订单信息、优惠活动等"
settingData.rightText = "去开启"//显示右边箭头
settingData.isArrow = false
settingData.itemClick=()=>{
promptAction.showToast({
message:"点击了消息通知"
})
}
settingData.rightClick=()=>{
promptAction.showToast({
message:"去开启"
})
3. 隐藏右边箭头,展示右边文本,并修改右边文本字体颜色
隐藏右边箭头,展示右边文本,参考第2个用法
修改右边字体颜色
settingData.rightTextColor = $r("app.color.color_A9AAAA")
示例代码如下
let settingData = new CellBean()
settingData.cellName = "关于BasicLibrary"
settingData.rightText = ""
settingData.rightTextColor = $r("app.color.color_A9AAAA")
settingData.isArrow = true
4. 动态修改数据,如动态获取版本号
aboutToAppear(): void {
AppManager.getAppVersionNameSync().then((result) => {
let settingData = new CellBean()
settingData.cellName = "关于BasicLibrary"
settingData.rightText = result
settingData.rightTextColor = $r("app.color.color_A9AAAA")
settingData.isArrow = true
let index = this.groupCellArray.findIndex((item) => item.title == "")
this.groupCellArray[index].cellBeanArray[0] = settingData
})
}
注:ArkTS所有内容都不支持深层数据更新 UI渲染
想要更新更深层次的嵌套数据, 方案如下
1.直接给第二层的属性赋值,此时不更新,直接将第一层对象,重新new一下重新赋值
2.更新第二层的数据之前,捎带手更新一下第一层的数据
写在最后
●如果你觉得这篇内容对你还蛮有帮助,我想邀请你帮我两个小忙:
●点赞,转发,有你们的 『点赞和评论』,才是我创造的动力。
●关注小编,同时可以期待后续文章ing ,不定期分享原创知识。