摘要: 1、概述 当页面信息较多时,为了让用户能够聚焦于当前显示的内容,需要对页面内容进行分类,提高页面空间利用率。Tabs组件可以在一个页面内快速实现视图内容的切换,一方面提升查找信息的效率,另一方面精简用户单次获取到的信息量。 2、基本布局 Tabs组件的页面组成包含两个部分,分别是TabContent 阅读全文
posted @ 2024-12-15 18:02 鸿蒙自习室 阅读(1222) 评论(0) 推荐(0)
摘要: Menu是菜单接口,一般用于鼠标右键弹窗、点击弹窗等。 1、创建默认样式的菜单 菜单需要调用bindMenu接口来实现。bindMenu响应绑定组件的点击事件,绑定组件后手势点击对应组件后即可弹出。 Button('click for Menu') .bindMenu([ { value: 'Men 阅读全文
posted @ 2024-12-15 18:01 鸿蒙自习室 阅读(151) 评论(0) 推荐(0)
摘要: 1、概述 Popup属性可绑定在组件上显示气泡弹窗提示,设置弹窗内容、交互逻辑和显示状态。主要用于屏幕录制、信息弹出提醒等显示状态。 气泡分为两种类型,一种是系统提供的气泡PopupOptions,一种是开发者可以自定义的气泡CustomPopupOptions。其中PopupOptions为系统提 阅读全文
posted @ 2024-12-15 18:01 鸿蒙自习室 阅读(177) 评论(0) 推荐(0)
摘要: 1、概述 自定义弹窗(CustomDialog)可用于广告、中奖、警告、软件更新等与用户交互响应操作。开发者可以通过CustomDialogController类显示自定义弹窗。 2、创建自定义弹窗 使用@CustomDialog装饰器装饰自定义弹窗。 @CustomDialog装饰器用于装饰自定义 阅读全文
posted @ 2024-12-15 18:01 鸿蒙自习室 阅读(567) 评论(0) 推荐(0)
摘要: 1、概述 Video组件用于播放视频文件并控制其播放状态,常用于为短视频应用和应用内部视频的列表页面。当视频完整出现时会自动播放,用户点击视频区域则会暂停播放,同时显示播放进度条,通过拖动播放进度条指定视频播放到具体位置。 Video组件已经封装好了视频播放的基础能力,开发者无需进行视频实例的创建, 阅读全文
posted @ 2024-12-15 18:00 鸿蒙自习室 阅读(796) 评论(0) 推荐(0)
摘要: 1、概述 Progress是进度条显示组件,显示内容通常为某次目标操作的当前进度。 2、创建进度条 Progress通过调用接口来创建,接口调用形式如下: Progress(options: {value: number, total?: number, type?: ProgressType}) 阅读全文
posted @ 2024-12-15 17:59 鸿蒙自习室 阅读(431) 评论(0) 推荐(0)
摘要: 1、概述 Toggle组件提供状态按钮样式,勾选框样式及开关样式,一般用于两种状态之间的切换。 2、创建切换按钮 Toggle通过调用接口来创建,接口调用形式如下: Toggle(options: { type: ToggleType, isOn?: boolean }) 该接口用于创建切换按钮,其 阅读全文
posted @ 2024-12-15 17:58 鸿蒙自习室 阅读(243) 评论(0) 推荐(0)
摘要: 1、概述 Radio是单选框组件,通常用于提供相应的用户交互选择项,同一组的Radio中只有一个可以被选中。 2、创建单选框 Radio通过调用接口来创建,接口调用形式如下: Radio(options: {value: string, group: string}) 该接口用于创建一个单选框,其中 阅读全文
posted @ 2024-12-15 17:58 鸿蒙自习室 阅读(264) 评论(0) 推荐(0)
摘要: 1、概述 TextInput、TextArea是输入框组件,通常用于响应用户的输入操作,比如评论区的输入、聊天框的输入、表格的输入等,也可以结合其它组件构建功能页面,例如登录注册页面。 2、创建输入框 TextInput为单行输入框、TextArea为多行输入框。通过以下接口来创建。 TextAre 阅读全文
posted @ 2024-12-15 17:57 鸿蒙自习室 阅读(748) 评论(0) 推荐(0)
摘要: 1、概述 Button是按钮组件,通常用于响应用户的点击操作,其类型包括胶囊按钮、圆形按钮、普通按钮。Button当做为容器使用时可以通过添加子组件实现包含文字、图片等元素的按钮。 2、创建按钮 Button通过调用接口来创建,接口调用有以下两种形式: 创建不包含子组件的按钮。 Button(lab 阅读全文
posted @ 2024-12-15 17:56 鸿蒙自习室 阅读(549) 评论(0) 推荐(0)