鸿蒙应用开发从入门到实战(九):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('继续加油,
来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作! 感谢分享,下载保存了,貌似很强大
页:
[1]