鸿蒙ArkTS声明式开发:跨平台支持列表【显隐控制】 通用属性

显隐控制

控制组件是否可见。

说明:
开发前请熟悉鸿蒙开发指导文档gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md点击或者复制转到。
从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。

属性

名称参数类型描述
visibility[Visibility]控制当前组件显示或隐藏。注意,即使组件处于隐藏状态,在页面刷新时仍存在重新创建过程,因此当对性能有严格要求时建议使用[条件渲染]代替。 默认值:Visibility.Visible 从API version 9开始,该接口支持在ArkTS卡片中使用。HarmonyOS与OpenHarmony鸿蒙文档籽料:mau123789是v直接拿

鸿蒙文档.png

示例

// xxx.ets
@Entry
@Component
struct VisibilityExample {
  build() {
    Column() {
      Column() {
        // 隐藏不参与占位
        Text('None').fontSize(9).width('90%').fontColor(0xCCCCCC)
        Row().visibility(Visibility.None).width('90%').height(80).backgroundColor(0xAFEEEE)

        // 隐藏参与占位
        Text('Hidden').fontSize(9).width('90%').fontColor(0xCCCCCC)
        Row().visibility(Visibility.Hidden).width('90%').height(80).backgroundColor(0xAFEEEE)

        // 正常显示,组件默认的显示模式
        Text('Visible').fontSize(9).width('90%').fontColor(0xCCCCCC)
        Row().visibility(Visibility.Visible).width('90%').height(80).backgroundColor(0xAFEEEE)
      }.width('90%').border({ width: 1 })
    }.width('100%').margin({ top: 5 })
  }
}

visibility.png

2024年,已有许多程序员把未来投向了鸿蒙开发,想必也在网上寻找过【鸿蒙学习资料】,然而搜索到的资料都是七零八碎比较杂乱,对于新入门的人来说增加了时间成本;为了避免大家在学习过程中浪费过多时间。对此录制了一套鸿蒙基础进阶视频(HarmonyOS NEXT开发入门&实战教学视频(200集+)发放给大家。↓↓↓点击即可

《鸿蒙 (HarmonyOS NEXT)开发入门&实战教学视频》

鸿蒙ArkTS语言》

鸿蒙ArkUI声明式》

《鸿蒙开发环境搭建》

另外还根据鸿蒙官方发布的文档结合华为内部人员分享,经过反复修改整理得出的一整套鸿蒙(HarmonyOS NEXT)学习手册(共计2000页+)想要鸿蒙进阶文档的开发者有福了!

内容包含了:(ArkTS、ArkUI、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、鸿蒙南向开发、鸿蒙项目实战)等技术知识点。帮助大家在学习鸿蒙路上少走弯路!点击即可↓↓↓

《鸿蒙 (HarmonyOS NEXT)开发基础与实战手册》

### 回答1: 可以使用如下方法来控制primitives(原语)的显隐: 1. 在HTML中,可以使用`display`属性控制元素的显示隐藏。例如,可以使用`display:none`来隐藏元素,使用`display:block`来显示元素。 2. 在JavaScript中,可以使用`element.style.display`属性控制元素的显示隐藏。例如,可以使用`element.style.display='none'`来隐藏元素,使用`element.style.display='block'`来显示元素。 3. 在CSS中,可以使用`display`属性控制元素的显示隐藏。例如,可以使用`display:none`来隐藏元素,使用`display:block`来显示元素。 4. 在jQuery中,可以使用`hide()`函数来隐藏元素,使用`show()`函数来显示元素。 希望这些方法能帮到你。 ### 回答2: 要控制Primitives的显隐,首先需要明确Primitives是指计算机图形学中的基本几何元素,如点、线、多边形等。在图形学中,通过控制Primitives的显隐可以实现对场景的渲染和展示。 要控制Primitives的显隐,通常需要借助图形学编程语言或图形学软件来实现。下面是一种常见的实现方: 首先,需要通过编程语言或软件中的接口或函数来创建Primitives对象并设置其属性,包括位置、尺寸、颜色等。然后,根据需要设置Primitives的可见性属性,即显示隐藏。这通常可以通过设置Primitives对象的可见性标志或选择合适的接口函数实现。 例如,在计算机图形学编程中,可以通过使用OpenGL或DirectX等图形库来控制Primitives的显隐。在OpenGL中,可以通过调用glTranslatef、glRotatef等函数来设置Primitives的位置和变换属性。同时,可以通过 glEnable(GL_DEPTH_TEST)函数来开启深度测试,根据深度值实现Primitives的遮挡和显隐效果。 此外,还可以根据用户的交互来动态地控制Primitives的显隐。例如,在交互的三维建模软件中,可以通过鼠标点击或拖拽等操作来选择或移动Primitives对象,并通过更新Primitives的可见性属性来实现显隐控制。 总之,控制Primitives的显隐是计算机图形学中的一个重要任务,可以通过编程语言或图形学软件提供的接口或函数来实现。这样就能根据需要设置Primitives的可见性属性,实现对场景的渲染和展示。 ### 回答3: 要控制primitives(基本元素)的显隐性,可以采取几种方法。首先,我们可以使用CSS属性的display来控制元素的可见性。通过将display属性设置为"none",可以使元素完全隐藏,不占用任何空间。而将display属性设置为"block"或"inline",则可以使元素显现出来。 其次,我们还可以使用JavaScript来控制primitives的显隐性。通过获取元素的DOM对象,并使用style属性中的display方法,我们可以通过改变display的值来实现元素的显示隐藏。 另外,还可以借助jQuery库来控制primitives的显隐性。通过使用该库提供的方法如hide()和show(),我们可以实现元素的隐藏显示。 通过上述方法,我们可以根据需要来控制primitives的显隐性。无论是使用CSS、JavaScript还是jQuery,我们都可以根据具体的情况来选择最适合的方法,以达到我们想要的效果。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值