From da8e6b8e45cb41de01a0b03f75a9dc9634558eb6 Mon Sep 17 00:00:00 2001 From: Igor Loginov Date: Mon, 11 Aug 2025 08:20:03 +0300 Subject: [PATCH] Ui-plugin bug --- arkoala-arkts/trivial/user/src/ets/page1.ets | 65 ++++++++++++++++++++ 1 file changed, 65 insertions(+) diff --git a/arkoala-arkts/trivial/user/src/ets/page1.ets b/arkoala-arkts/trivial/user/src/ets/page1.ets index b6c6010b08..8509013f10 100644 --- a/arkoala-arkts/trivial/user/src/ets/page1.ets +++ b/arkoala-arkts/trivial/user/src/ets/page1.ets @@ -217,3 +217,68 @@ struct Child1 { nLog("Child1 build()") } } + +@Component +struct columnsTemplate1 { + @State Number: Array = new Array('1', '2', '3', '4', '5', '6', '7', '8', '9', '10') + scroller1: Scroller = new Scroller() + @State columnsGap: number = 10 + @State rowsGap: number = 10 + @State Visibility:Visibility=Visibility.Visible + build() { + Column({ space: 5 } as ColumnOptions) { + Grid(this.scroller1) { + GridItem(){ + Text('TopItem') + .fontSize(16) + .backgroundColor(0xF9CF93) + .width('100%') + .height(80) + .textAlign(TextAlign.Center) + } + .visibility(this.Visibility) + ForEach(this.Number, (day: string, index:number) => { + ForEach(this.Number, (day: string, index:number) => { + GridItem() { + Text(day) + .fontSize(16) + .backgroundColor(0xF9CF93) + .width('100%') + .height(80) + .textAlign(TextAlign.Center) + } + }, (day: string, index:number) => day) + }, (day: string, index:number) => day) + } + .columnsTemplate('1fr') + .columnsGap(this.columnsGap) + .rowsGap(this.rowsGap) + .width('90%') + .backgroundColor(0xFAEEE0) + .height(300) + .border({width:1} as BorderOptions) + .clip(true) + .cachedCount(2) + Row(){ + Button('Hidden') + .id('Hidden') + .height(20) + .onClick((event: ClickEvent) => { + this.Visibility = Visibility.Hidden + }) + Button('Visible') + .id('Visible') + .height(20) + .onClick((event: ClickEvent) => { + this.Visibility = Visibility.Visible + }) + Button('None') + .id('None') + .height(20) + .onClick((event: ClickEvent) => { + this.Visibility = Visibility.None + }) + } + }.width('100%').margin({ top: 5 } as Margin) + } +} -- Gitee