鸿蒙应用开发从入门到实战（九）：ArkTS渲染控制

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

1.1 概述

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

条件渲染的语法如下

1. if (...){
2.   //UI描述
3. }else if (...){
4.   //UI描述
5. }else{
6.   //UI描述
7. }

复制代码

1.3 案例

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

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

谢谢分享，辛苦了

这个有用。

用心讨论，共获提升！

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

热心回复！

过来提前占个楼

这个好，看起来很实用

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

这个好，看起来很实用

过来提前占个楼

谢谢楼主提供！

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

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

这个好，看起来很实用

过来提前占个楼

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

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

分享、互助 让互联网精神温暖你我