51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课免费课排行榜短视频直播课软考学堂
全部课程软考信创认证华为认证厂商认证IT技术PMP项目管理免费题库
在线学习
文章资源问答课堂专栏直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
活动 短视频 专栏 极客Show 鸿蒙技术特刊

HarmonyOS 组件封装如何可选调用链式属性方法？

我要封装系统Text，封装它所有的链式属性方法。但是我传入的参数是可选的，链式属性方法的值是必选的，我如何判断自己的参数在undefined时，不去调用链式属性方法。

比如想要fontSize为undefined时不调用.fontSize()方法，直接用Text自己的默认值，这种逻辑要怎么写？能实现吗？

看@Style和@Extend好像都不支持

@Component
export struct AAText {
  fontSize?: number | undefined
  build() {
    Text()
      .fontSize(this.fontSize) // 如果this.fontSize == undefined，则不传值，使用Text默认值
  }
}
HarmonyOS
FengTianYa
2024-12-25 08:17:00
浏览
赞
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zxjiu
zxjiu

UI描述需要遵循以下规则：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-create-custom-components-V5#build函数

不允许使用表达式，可以参考渲染控制：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-rendering-control-ifelse-V5

if(this.shouldSetBackgroundColor){
  Text('Top True, Nested True, positive COLOR Nested ')
    .backgroundColor(Color.Red)
}else{
  Text('Top True, Nested True, positive COLOR Nested ')
}

属性多的话可以使用@Style装饰器简化

@Style baseStyle() {}
@Style condAStyle() ｛｝
@Style condBStyle() {}
if(condA) {
  Text().baseStyle().condAStyle()
} else {
  Text().baseStyle().condBStyle()
}

或者可以使用动态属性设置的方法，根据需要使用多态样式设置属性。要简洁很多

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-attribute-modifier-V5

公用组件封装可以参考此文档：https://developer.huawei.com/consumer/cn/doc/best-practices-V5/bpta-ui-component-encapsulation-V5#section398883112484

分享
微博
QQ
微信
回复
2024-12-25 10:41:12
如何写精华回答，获更多曝光？
发布
相关问题
HarmonyOS 封装自定义组件语法，链式调用
1594浏览 • 1回复 待解决
HarmonyOS 自定义组件的方法和属性在父组件无法通过链式调用吗？
1271浏览 • 1回复 待解决
HarmonyOS 自定义方法链式调用
1185浏览 • 1回复 待解决
如何在父组件中调用子组件封装的方法
2762浏览 • 1回复 待解决
HarmonyOS 自定义组件支持链式调用吗
885浏览 • 1回复 待解决
HarmonyOS promise的链式调用如何使用
1310浏览 • 1回复 待解决
自定义组件如何实现类似系统组件的链式调用
1850浏览 • 1回复 待解决
HarmonyOS ArkTS如何实现建造者模式、链式调用
1230浏览 • 1回复 待解决
如何按照条件完成样式的链式调用
2549浏览 • 1回复 待解决
自定义的组件如何实现类似系统提供点语法链式调用
2713浏览 • 1回复 待解决
HarmonyOS @Concurrent方法不能调用外部封装好的方法，是否有其他方法替代
1116浏览 • 1回复 待解决
HarmonyOS 父组件如何调用子组件的方法？
1366浏览 • 1回复 待解决
HarmonyOS 父组件调用子组件方法
1113浏览 • 1回复 待解决
HarmonyOS 父组件如何调用子组件里的方法
1164浏览 • 1回复 待解决
HarmonyOS 自定义的组件如何封装一些通用的属性和方法，例如 Java 中的继承
960浏览 • 1回复 待解决
HarmonyOS 如何实现将onVisibleAreaChange属性与方法封装成一体然后简单复用？
2103浏览 • 2回复 待解决
如何为自定义组件添加属性方法以及事件方法？
1230浏览 • 1回复 待解决
HarmonyOS 如何在父组件中调用子组件的方法
1055浏览 • 1回复 待解决
自制移动组件逻辑（求封装好的方法）？
5524浏览 • 1回复 待解决
HarmonyOS 弹窗封装成一个方法在其他地方直接调用
1168浏览 • 1回复 待解决
HarmonyOS 想调用子组件的方法
1241浏览 • 1回复 待解决
HarmonyOS关于UI组件的属性配置是否为可选或者是否有默认值可以查看
1441浏览 • 1回复 待解决
HarmonyOS 如何直接调用内部page或者组件的方法
777浏览 • 1回复 待解决
HarmonyOS 自定义UI组件如何自定义属性方法
1977浏览 • 1回复 待解决
父组件调用子组件的方法
2588浏览 • 1回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
鸿蒙开源组件——权限请求，链式调用 0回复
HarmonyOS 组件封装 0回复
#我的鸿蒙开发手记# 鸿蒙开发：父组件如何调用子组件中的方法？ 0回复
HarmonyOS Next属性（Property）实战：封装数据访问的高级技巧 0回复
布局组件代码编写方法/代码编写布局属性/java代码编写布局 0回复