赖娅闺 发表于 2025-9-19 07:35:23

鸿蒙应用开发从入门到实战(九):ArkTS渲染控制

大家好,我是潘Sir,持续分享IT技术,帮你少走弯路。《鸿蒙应用开发从入门到项目实战》系列文章持续更新中,陆续更新AI+编程、企业级项目实战等原创内容、欢迎关注!
​    ArkTS拓展了TypeScript,可以结合ArkUI进行渲染控制,是的界面设计具有可编程性。本文简要描述鸿蒙应用开发中的条件渲染和循环渲染。
一、条件渲染

1.1 概述

​        条件渲染可根据应用的不同状态渲染不同的UI界面,例如前文的开/关灯案例,以及以下的播放/暂停案例,均可使用条件渲染实现。
​        常见案例:网站的登录和注册模块、商城网站会员价格显示等
1.2 语法

条件渲染的语法如下
if (...){
//UI描述
}else if (...){
//UI描述
}else{
//UI描述
}1.3 案例

表白案例
@Entry@Component// 条件渲染struct ConditionPage {@State isSuc: boolean = true;build() {    Column({space:20}) {      if (this.isSuc) {      Text('表白成功,O(∩_∩)O')      } else {      Text('继续加油,
来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

纪晴丽 发表于 5 天前

感谢分享,下载保存了,貌似很强大
页: [1]
查看完整版本: 鸿蒙应用开发从入门到实战(九):ArkTS渲染控制