赖娅闺 发表于 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('继续加油，
来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

纪晴丽 发表于 2025-10-14 00:40:19

感谢分享，下载保存了，貌似很强大

炀餮氢 发表于 2025-10-30 05:52:34

谢谢分享，辛苦了

少琼 发表于 2025-12-10 19:09:36

这个有用。

百里宵月 发表于 2025-12-11 18:36:01

用心讨论，共获提升！

晚能 发表于 2025-12-24 01:03:56

喜欢鼓捣这些软件，现在用得少，谢谢分享！

全愉婉 发表于 2026-1-14 06:21:09

热心回复！

魄柜 发表于 2026-1-17 15:20:29

过来提前占个楼

绘纵 发表于 2026-1-19 11:04:27

这个好，看起来很实用

搜娲瘠 发表于 2026-1-21 16:00:02

收藏一下   不知道什么时候能用到

科元料 发表于 2026-1-26 18:31:50

这个好，看起来很实用

丧血槌 发表于 2026-1-27 07:41:43

过来提前占个楼

万俟谷雪 发表于 2026-1-28 05:48:36

谢谢楼主提供！

俏挺喳 发表于 2026-2-1 03:24:59

懂技术并乐意极积无私分享的人越来越少。珍惜

赙浦 发表于 2026-2-1 17:14:06

鼓励转贴优秀软件安全工具和文档！

站竣凰 发表于 2026-2-4 11:50:37

这个好，看起来很实用

苗嘉惠 发表于 2026-2-5 04:24:29

过来提前占个楼

豌笆 发表于 2026-2-6 06:06:44

感谢发布原创作品，程序园因你更精彩

铵滔 发表于 2026-2-7 08:13:51

很好很强大我过来先占个楼 待编辑

时思美 发表于 2026-2-8 01:47:53

分享、互助 让互联网精神温暖你我
页: [1] 2
查看完整版本: 鸿蒙应用开发从入门到实战（九）：ArkTS渲染控制