鸿蒙应用开发从入门到实战（九）：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('继续加油，
来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！