HarmonyOS Grid布局,GridItem没有等分宽度
代码如下:
Column() {
Text(`选择存期`)
.attributeModifier(new GlobalTextModifier(20))
.fontWeight(FontWeight.Medium)
.fontColor($r('app.color.black_333333'))
.padding({ left: 15, top: 10 })
.width('100%')
.textAlign(TextAlign.Start)
Grid() {
ForEach(this.periods, (model: Record<string, string>, index: number) => {
GridItem() {
Stack() {
Text(model["key"])
.padding({
left: 30,
top: 10,
right: 30,
bottom: 10
})
.onClick(() => {
if (this.periodModel!['value'] != model['value']) {
this.rateLoading = true
this.requestRateData(true)
}
})
.attributeModifier(new GlobalTextModifier(24))
.fontColor(this.periodModel!['value'] == model['value'] ? $r('app.color.blue_6685e6') : $r('app.color.dark_grey_666666'))
.textAlign(TextAlign.Center)
.onClick(() => {
this.periodModel = model
})
if (this.periodModel!['value'] == model['value']) {
Image($r('app.media.old_icon_jiaobiao'))
.width(24)
.width(24)
}
}
.alignContent(Alignment.BottomEnd)
.borderColor(this.periodModel!['value'] == model['value'] ? $r('app.color.blue_6685e6') : $r('app.color.dark_grey_666666'))
.borderWidth(0.5)
.borderRadius(4)
}
}, (model: Record<string, string>) => JSON.stringify(model))
}
.columnsTemplate('1fr 1fr 1fr')
.layoutDirection(GridDirection.Row)
.margin({left: 10, right: 10, top: 10})
.columnsGap(10)
.rowsGap(15)
}
效果见截图
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS Grid高度无法等分(横3竖2)
738浏览 • 1回复 待解决
HarmonyOS 可移动GridItem的Grid组件
695浏览 • 1回复 待解决
HarmonyOS Grid-GridItem组件高度的咨询
296浏览 • 1回复 待解决
HarmonyOS grid如何自适应宽度
434浏览 • 1回复 待解决
HarmonyOS grid和list混合布局问题
422浏览 • 1回复 待解决
Grid组件高度不能被GridItem高度自动撑起,必须要设置height或maxCount属性
1040浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何自定义GridItem布局在鸿蒙开发中?
443浏览 • 1回复 待解决
ets中设置布局高度和宽度
3335浏览 • 1回复 待解决
HarmonyOS 怎么让一个布局不设置百分比,三等分
392浏览 • 1回复 待解决
HarmonyOS UI布局子控件超出父控件宽度
362浏览 • 1回复 待解决
HarmonyOS如何将设备横向布局,即设备的宽度变成高度,高度变成宽度?
409浏览 • 1回复 待解决
#鸿蒙通关秘籍#在Grid布局中如何实现懒加载?
380浏览 • 1回复 待解决
HarmonyOS Grid组件使用ForEach网格布局,Ui数据更新问题
1082浏览 • 1回复 待解决
HarmonyOS GridItem自适应高度问题
689浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在HarmonyOS NEXT中使用Grid布局实现电影列表
608浏览 • 1回复 待解决
HarmonyOS 如何设置一个布局的最低宽度,或者最低高度
299浏览 • 1回复 待解决
HarmonyOS 历史记录的自适应宽度和换行的布局
659浏览 • 1回复 待解决
HarmonyOS 容器布局的宽度设为100%时还想使用左右的margin
800浏览 • 1回复 待解决
有没有接口能获取到组件的宽度
1216浏览 • 1回复 待解决
#鸿蒙通关秘籍#在Grid布局中如何设置行列之间的间距?
230浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在Grid布局中跨行跨列放置组件?
511浏览 • 1回复 待解决
HarmonyOS 父组件内有个自定义的类列表,用Grid布局到界面上,GridItem是一个自定义的@Component,如何在父组件控制刷新自定义的@Component
425浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙中使用Grid布局应对多设备适配?
563浏览 • 1回复 待解决
Grid布局无法自适应大小?只能设置大小或是使用父容器大小?
2698浏览 • 1回复 待解决
设置下 stack 的宽高即可实现等分 , 默认是自动计算的