Skip to content

D
Docs

OpenHarmony / Docs
大约 1 年 前同步成功

通知 159
Star 292
Fork 28
D
Docs

体验新版 GitCode，发现更多精彩内容 >>

未验证 提交 a4b222bf 编写于 作者: O openharmony_ci 提交者： Gitee
浏览文件
操作

!13104 挑单monthly：修复relative container用例编译问题 

Merge pull request !13104 from xiexiyun/cherry-pick-1672564824
上级 33cf4f46 f89946a5
隐藏空白更改
内联 并排
Showing with 52 addition and 57 deletion
zh-cn/application-dev/reference/arkui-ts/ts-container-relativecontainer.md
浏览文件 @ a4b222bf
...@@ -38,66 +38,61 @@ RelativeContainer() ...@@ -38,66 +38,61 @@ RelativeContainer()
@Component @Component
struct Index { struct Index {
build() { build() {
@Entry Row() {
@Component
struct Index { RelativeContainer() {
build() { Row().width(100).height(100)
Row() { .backgroundColor("#FF3333")
.alignRules({
RelativeContainer() { top: {anchor: "__container__", align: VerticalAlign.Top},
Row().width(100).height(100) left: {anchor: "__container__", align: HorizontalAlign.Start}
.backgroundColor("#FF3333") })
.alignRules({ .id("row1")
top: {anchor: "__container__", align: VerticalAlign.Top},
left: {anchor: "__container__", align: HorizontalAlign.Start} Row().width(100).height(100)
}) .backgroundColor("#FFCC00")
.id("row1") .alignRules({
top: {anchor: "__container__", align: VerticalAlign.Top},
Row().width(100).height(100) right: {anchor: "__container__", align: HorizontalAlign.End}
.backgroundColor("#FFCC00") })
.alignRules({ .id("row2")
top: {anchor: "__container__", align: VerticalAlign.Top},
right: {anchor: "__container__", align: HorizontalAlign.End} Row().height(100)
}) .backgroundColor("#FF6633")
.id("row2") .alignRules({
top: {anchor: "row1", align: VerticalAlign.Bottom},
Row().height(100) left: {anchor: "row1", align: HorizontalAlign.End},
.backgroundColor("#FF6633") right: {anchor: "row2", align: HorizontalAlign.Start}
.alignRules({ })
top: {anchor: "row1", align: VerticalAlign.Bottom}, .id("row3")
left: {anchor: "row1", align: HorizontalAlign.End},
right: {anchor: "row2", align: HorizontalAlign.Start} Row()
}) .backgroundColor("#FF9966")
.id("row3") .alignRules({
top: {anchor: "row3", align: VerticalAlign.Bottom},
Row() bottom: {anchor: "__container__", align: VerticalAlign.Bottom},
.backgroundColor("#FF9966") left: {anchor: "__container__", align: HorizontalAlign.Start},
.alignRules({ right: {anchor: "row1", align: HorizontalAlign.End}
top: {anchor: "row3", align: VerticalAlign.Bottom}, })
bottom: {anchor: "__container__", align: VerticalAlign.Bottom}, .id("row4")
left: {anchor: "__container__", align: HorizontalAlign.Start},
right: {anchor: "row1", align: HorizontalAlign.End} Row()
}) .backgroundColor("#FF66FF")
.id("row4") .alignRules({
top: {anchor: "row3", align: VerticalAlign.Bottom},
Row() bottom: {anchor: "__container__", align: VerticalAlign.Bottom},
.backgroundColor("#FF66FF") left: {anchor: "row2", align: HorizontalAlign.Start},
.alignRules({ right: {anchor: "__container__", align: HorizontalAlign.End}
top: {anchor: "row3", align: VerticalAlign.Bottom}, })
bottom: {anchor: "__container__", align: VerticalAlign.Bottom}, .id("row5")
left: {anchor: "row2", align: HorizontalAlign.Start},
right: {anchor: "__container__", align: HorizontalAlign.End}
})
.id("row5")
}
.width(300).height(300)
.margin({left: 100})
.border({width:2, color: "#6699FF"})
}
.height('100%')
} }
.width(300).height(300)
.margin({left: 100})
.border({width:2, color: "#6699FF"})
} }
.height('100%')
} }
} }
``` ```
![relative container](figures/relativecontainer.png) ![relative container](figures/relativecontainer.png)
\ No newline at end of file
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或