OpenHarmony常用布局

以下部分参考OpenHarmony官网容器组件部分

OpenAtom OpenHarmony

创建页面时,不建议名称与OpenHarm组件名称一致

页面基本结构

PageColumn:当前页面名称,同事也是在resources->base->profile->main_pages.json中注册的页面名称,只有注册后页面才可以跳转打开
aboutToAppear:页面被加载时执行,更多方法请参考官网
build:内部包含页面布局,只能包含一个组件,为根布局或者根组件。同一层级多个组件会引起错误。Row:build下的唯一组件
onAppear:组件被挂载时执行,更多方法请参考官网

垂直布局

垂直布局为Column,默认内容包裹及居中显示,图中靠左显示是因为宽度未设置100%

更改组件位置可以通过.alignItems(HorizontalAlign.End)属性操作

横向布局

横向布局默认内容包裹及纵向居中,可以通过.alignItems(VerticalAlign.Top)更改位置

堆叠布局

堆叠布局Stack,按照排班顺序将晚出现的组件放在顶层

比较常用的还有列表布局滑动布局网格布局

目前发现有下拉刷新组件Refresh,但不知道上拉加载如何开发

还有相对布局,如果有知道的烦请告知

参考链接

HarmonyOs示例代码

OpenHarmony开发样例

app_samples部件

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值