判断题
155【判断题】使用 visibility 接口控制组件的显隐,取值范围为 0 到 1,1 表示不透明,0 表示完全透明,达到隐藏组件,但是在布局中占位。
A
正确
B
错误
答案解析
正确答案:B
解析:
该题目的正确答案是 B:错误。
解析如下:
题目中提到“使用 visibility 接口控制组件的显隐,取值范围为 0 到 1”,这一描述存在概念性错误。
在前端开发中,控制元素显示与隐藏的方式有多种,常见的包括:
1. **visibility 属性**:
- 在 CSS 中,visibility 属性用于控制元素的可见性。
- 其合法取值为:
- visible:元素可见。
- hidden:元素不可见,但在文档布局中仍占据空间。
- collapse(主要用于表格元素):行或列被隐藏且不占空间。
- 注意:visibility 属性的取值是字符串,不是数值,不存在 0 或 1 的说法。
2. **opacity 属性**:
- 控制元素的透明度,取值范围才是 0 到 1。
- opacity: 1 表示完全不透明。
- opacity: 0 表示完全透明(视觉上不可见),但元素仍然在布局中占位,且可以响应事件(除非额外设置 pointer-events)。
- 因此,将“取值范围为 0 到 1”归于 visibility 是错误的。
3. 题干后半句“达到隐藏组件,但是在布局中占位”这一描述适用于 visibility: hidden 或 opacity: 0,两者都保留布局空间。这一点描述正确,但前提错误。
综上所述,题干混淆了 visibility 和 opacity 两个不同的 CSS 属性,错误地将 opacity 的数值取值范围赋予 visibility 属性。
核心知识点:
- visibility 属性控制元素是否可见,取值为 visible、hidden 等,不使用数字。
- opacity 属性控制透明度,取值为 0 到 1 的浮点数。
- visibility: hidden 和 opacity: 0 都会使元素不可见且保留在布局中,但原理不同:前者是隐藏,后者是透明。
因此,本题答案选 B:错误。
相关知识点:
visibility 接口显隐取值错
题目纠错
2025年HarmonyOS应用开发者基础认证题库
相关题目
单选题
207【单选题】Progress 是进度条显示组件,通过 ProgressType 可以设置进度条样式,其默认样式为
单选题
206【单选题】direction 属性用于设置容器元素内主轴方向上的布局。该属性在哪个组件中不生效
单选题
【单选题】在 ArkUI 组件中,用于设置组件内边距属性的接口是
单选题
【单选题】以下可以实现子组件在父容器中自适应占满剩余空间的属性是
单选题
【单选题】以下关于触屏事件的描述,错误的是
单选题
【单选题】下列关于 TextArea 组件的最大可输入字符数的设置,正确的写法是
单选题
【单选题】拖拽元素离开目标区域时触发的事件是
单选题
【单选题】Tabs 组件通过哪个属性设置工具栏
单选题
【单选题】默认情况下,Tabs 组件如何标识当前活跃的页签
单选题
【单选题】在 ArkUI 中,position 属性用于绝对定位,确定子组件相对父组件的位置。当参数为 Edges类型时,如何确定子组件相对于父组件的位置
