xuezhou_yanmodify build-profile.json5 : compileSdkVersion: 26.0.1 Co-Authored-By:Agent

文件	最后提交记录	最后更新时间
AppScope	IssueNo: #6555:@Type装饰器：标记类属性的类型和自定义组件的自定义布局示例开发 Description: @Type装饰器：标记类属性的类型和自定义组件的自定义布局示例开发 Sig: SIG_Sample Feature or Bugfix: Feature Binary Source: No Signed-off-by: xiexiangyu002 <tianlong18@h-partners.com>	10 个月前
entry	eco2 同源OH Signed-off-by: 小小熊睡觉觉 <linhu5@huawei.com>	2 个月前
hvigor	3.0.2 Signed-off-by: hlzhangaj <zhanghanlin16@h-partners.com>	2 个月前
screenshot	IssueNo: #6998:@Type装饰器：标记类属性的类型和自定义组件的自定义布局示例代码同源 Description: @Type装饰器：标记类属性的类型和自定义组件的自定义布局示例代码同源 Sig: SIG_Sample Feature or Bugfix: Feature Binary Source: No Signed-off-by: xiexiangyu002 <tianlong18@h-partners.com>	10 个月前
README_zh.md	修正不规范readme文档 Signed-off-by: LLDawn <liuhan77@h-partners.com>	9 个月前
build-profile.json5	modify build-profile.json5 : compileSdkVersion: 26.0.1 Co-Authored-By:Agent Signed-off-by: xuezhou_yan <yangang20@huawei.com>	12 天前
code-linter.json5	IssueNo: #6555:@Type装饰器：标记类属性的类型和自定义组件的自定义布局示例开发 Description: @Type装饰器：标记类属性的类型和自定义组件的自定义布局示例开发 Sig: SIG_Sample Feature or Bugfix: Feature Binary Source: No Signed-off-by: xiexiangyu002 <tianlong18@h-partners.com>	10 个月前
hvigorfile.ts	IssueNo: #6555:@Type装饰器：标记类属性的类型和自定义组件的自定义布局示例开发 Description: @Type装饰器：标记类属性的类型和自定义组件的自定义布局示例开发 Sig: SIG_Sample Feature or Bugfix: Feature Binary Source: No Signed-off-by: xiexiangyu002 <tianlong18@h-partners.com>	10 个月前
oh-package.json5	3.0.2 Signed-off-by: hlzhangaj <zhanghanlin16@h-partners.com>	2 个月前
ohosTest.md	description @Type装饰器：标记类属性的类型和自定义组件的自定义布局示例开发自定义组件的自定义布局和@Type装饰器：标记类属性的类型示例代码同源 Issue: https://gitcode.com/openharmony/applications_app_samples/issues/6555 Signed-off-by: xiexiangyu002<tianlong052@chinasoftinc.com>	10 个月前

自定义组件的自定义布局

介绍

本示例展示了在一个Stage模型中，开发基于ArkTS UI的自定义组件的自定义布局，具体可参考自定义组件的自定义布局。

效果预览

| |

使用说明

在应用内点击“添加卡片到桌面”按钮，拉起卡片管理页面；

工程目录

给出项目中关键的目录结构并描述它们的作用，示例如下：

entry/src/main/ets/
|---pages
|   |---Index.ets                          // 主页面

具体实现

第一步：计算各子组件的大小。通过onMeasureSize：组件每次布局时触发，计算子组件的尺寸，其执行时间先于onPlaceChildren；
第二步：放置各子组件的位置。通过onPlaceChildren：组件每次布局时触发，设置子组件的起始位置；

依赖

不涉及。

约束与限制

本示例支持标准系统上运行，支持设备：RK3568；
本示例支持API20版本SDK，版本号：6.0.0.47；
本示例已支持使DevEco Studio 6.0.0 Release (构建版本：6.0.0.858，构建 2024年12月12日)编译运行；
高等级APL特殊签名说明：无；

下载

如需单独下载本工程，执行如下命令：

git init
git config core.sparsecheckout true
echo code/DocsSample/ArkUISample/ComponentsLayout > .git/info/sparse-checkout
git remote add origin https://gitcode.com/openharmony/applications_app_samples.git
git pull origin master

自定义组件的自定义布局

介绍

效果预览

工程目录

具体实现

相关权限

依赖

约束与限制

下载