场景 home作为一个Hsp服务,有两个页面HomePage.ets和DetailPage.ets,HomePage页面中有个按钮点击跳转到DetailPage页面,因为没有...
场景 home作为一个Hsp服务,有两个页面HomePage.ets和DetailPage.ets,HomePage页面中有个按钮点击跳转到DetailPage页面,因为没有...
本章将把Hap、Hsp以案例方式加深一遍: 什么是Hap HAP(Harmony Ability Package)是应用安装和运行的基本单元。HAP包是由代码、资源、第三方库...
路由跳转到只有一个UIAbility的模块: 现在有A,B两个页面。只有一个UIAbility,整个App只想使用一个UIAbility的情况下,A页面跳转到B页面并且带参数...
场景介绍 应用通过HTTP发起一个数据请求,支持常见的GET、POST、OPTIONS、HEAD、PUT、DELETE、TRACE、CONNECT方法。 接口说明 HTTP数...
当开发者创建了自定义组件,并想对该组件添加特定功能时,例如在自定义组件中添加一个点击跳转操作。若直接在组件内嵌入事件方法,将会导致所有引入该自定义组件的地方均增加了该功能。为...
ArkUI还提供了一种更轻量的UI元素复用机制@Builder,@Builder所装饰的函数遵循build()函数语法规则,开发者可以将重复使用的UI元素抽象成一个方法,在b...
在开始之前,我们先明确自定义组件和页面的关系: 自定义组件:@Component装饰的UI单元,可以组合多个系统组件实现UI的复用,可以调用组件的生命周期。 页面:即应用的U...
思路:首先做上下布局,使用弹性盒设置direction为FlexDirection.Column变成列布局,商品列表里面使用列布局嵌套行布局,底部操作使用行布局嵌套列布局,效...
InputNumber 计数器仅允许输入标准的数字值:思路:使用行布局(Row),左边按钮(Button),中间输入框(TextInput),右边按钮(Button),监听按...
@43bf7b7811c6 动态渲染的 通过 ForEach(this.tabBarInfoList .... 实现,后续会有案例
22、鸿蒙/布局/选项卡 (Tabs)概述 当页面信息较多时,为了让用户能够聚焦于当前显示的内容,需要对页面内容进行分类,提高页面空间利用率。Tabs[https://developer.huawei.com/c...
效果 案例
案例:实现卡片效果,自上而下布局使用Column,按钮悬浮在图片上,图片+按钮使用层叠布局Stack,效果和代码如下: 代码:
Video组件用于播放视频文件并控制其播放状态,常用于为短视频和应用内部视频的列表页面。当视频完整出现时会自动播放,用户点击视频区域则会暂停播放,同时显示播放进度条,通过拖动...
CustomDialog是自定义弹窗,可用于广告、中奖、警告、软件更新等与用户交互响应操作。开发者可以通过CustomDialogController类显示自定义弹窗。具体用...
实现商品卡片案例Card.png 案例
案例:实现列表开关 思路:布局为左右,使用行布局(Row),左侧为文本自适应,右侧为开关Toggle,效果如下: 代码
案例:在布局案例中经常会使用到商品列表功能,此文针对该案例进行实现; 思路:实现移动端商品列表Item效果,首先使用列(Column)布局,其次内部布局分为左右,再使用行(R...