51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
WOT技术大会
IT证书
公众号矩阵
移动端
短视频免费课程课程排行直播课软考学堂
全部课程厂商认证IT技术25年5月软考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 封装自定义组件语法，链式调用
351浏览 • 1回复 待解决
HarmonyOS 自定义组件的方法和属性在父组件无法通过链式调用吗？
530浏览 • 1回复 待解决
HarmonyOS 自定义方法链式调用
350浏览 • 1回复 待解决
如何在父组件中调用子组件封装的方法
1881浏览 • 1回复 待解决
HarmonyOS promise的链式调用如何使用
590浏览 • 1回复 待解决
HarmonyOS 自定义组件支持链式调用吗
258浏览 • 1回复 待解决
自定义组件如何实现类似系统组件的链式调用
1073浏览 • 1回复 待解决
HarmonyOS ArkTS如何实现建造者模式、链式调用
348浏览 • 1回复 待解决
如何按照条件完成样式的链式调用
1966浏览 • 1回复 待解决
自定义的组件如何实现类似系统提供点语法链式调用
2146浏览 • 1回复 待解决
HarmonyOS @Concurrent方法不能调用外部封装好的方法，是否有其他方法替代
324浏览 • 1回复 待解决
HarmonyOS 父组件如何调用子组件的方法？
592浏览 • 0回复 待解决
HarmonyOS 自定义的组件如何封装一些通用的属性和方法，例如 Java 中的继承
318浏览 • 1回复 待解决
HarmonyOS 如何实现将onVisibleAreaChange属性与方法封装成一体然后简单复用？
956浏览 • 2回复 待解决
HarmonyOS 父组件调用子组件方法
381浏览 • 1回复 待解决
HarmonyOS 父组件如何调用子组件里的方法
199浏览 • 1回复 待解决
如何为自定义组件添加属性方法以及事件方法？
456浏览 • 1回复 待解决
HarmonyOS 如何在父组件中调用子组件的方法
267浏览 • 1回复 待解决
父组件调用子组件的方法
1659浏览 • 1回复 待解决
自制移动组件逻辑（求封装好的方法）？
4796浏览 • 1回复 待解决
HarmonyOS关于UI组件的属性配置是否为可选或者是否有默认值可以查看
736浏览 • 1回复 待解决
HarmonyOS 弹窗封装成一个方法在其他地方直接调用
342浏览 • 1回复 待解决
HarmonyOS 想调用子组件的方法
656浏览 • 1回复 待解决
HarmonyOS 子组件调用父组件的方法demo
276浏览 • 1回复 待解决
HarmonyOS 父组件怎么调用子组件的方法
400浏览 • 1回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
鸿蒙开源组件——权限请求，链式调用 0回复
HarmonyOS NEXT ArkUI - 组件背景图属性 0回复
布局组件代码编写方法/代码编写布局属性/java代码编写布局 0回复
HarmonyOS 自定义组件之分页功能组件封装实例 2回复
OpenHarmony应用如何使用bindSheet属性为组件绑定半模态页面 0回复