HarmonyOS 高度自适应的问题
Swiper() { ForEach(CustomViewUtil.getMenuByPage(this.homeRspModel.data.diamonds, 10), (firstPageItem: FirstPageItem[]) => {
Grid() {
ForEach(firstPageItem, (item: FirstPageItem) => {
GridItem() {
Column() {
Image(item.imageUrl)
.width(35)
.height(35)
.objectFit(ImageFit.Fill)
.onClick(()=>{
})
Text(item.title)
.fontSize(11)
.fontColor($r('app.color._333333'))
.maxLines(1)
.textOverflow({ overflow: TextOverflow.Ellipsis })
.margin({ top: $r('app.float.vp_3') })
}.justifyContent(FlexAlign.Center)
}
}, (item: FirstPageItem) => JSON.stringify(item))
}
.edgeEffect(EdgeEffect.None)
.columnsTemplate('1fr 1fr 1fr 1fr 1fr')
.rowsTemplate('1fr 1fr')
.columnsGap(0)//列与列的间距
.rowsGap(0)//行与行的间距
.width('100%')
.backgroundColor(Color.White)
.borderRadius($r('app.float.vp_8'))
})
}
.itemSpace(this.currentBreakpoint === BreakpointConstants.BREAKPOINT_SM ? 0 : StyleConstants.ITEM_SPACE)
.width(StyleConstants.FULL_WIDTH)
.indicator(
this.homeRspModel.data.diamonds.length > 10 ?
// 设置圆点导航点样式
new DotIndicator()
.bottom(0)
.itemWidth(5)
.itemHeight(5)
.selectedItemWidth(5)
.selectedItemHeight(5)
.color(Color.Gray)
.selectedColor(Color.Red) : false,
)
.curve(Curve.Linear)
.loop(false)
.displayCount(this.currentBreakpoint === BreakpointConstants.BREAKPOINT_LG ? StyleConstants.DISPLAY_THREE :
(this.currentBreakpoint === BreakpointConstants.BREAKPOINT_MD ? StyleConstants.DISPLAY_TWO :
StyleConstants.DISPLAY_ONE))
.padding({
left: 12,
right: 12,
})
如上代码:因为不确定Swiper() 的具体高度,无法设置.height(160),就会出现全屏的情况,自适应高度,这里image是根据屏幕的宽度自适应的大小,而且 .indicator()圆点不是必存在,故无法设置一个具体的高度。这种情况应该怎么处理?让image和 text填充满控件并无多余的留白。
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS Web高度自适应问题
676浏览 • 1回复 待解决
HarmonyOS GridItem自适应高度问题
371浏览 • 1回复 待解决
HarmonyOS Grid自适应高度和拖拽问题
433浏览 • 1回复 待解决
HarmonyOS web组件自适应高度问题
974浏览 • 1回复 待解决
HarmonyOS 自适应父组件高度问题
996浏览 • 1回复 待解决
HarmonyOS 高度自适应
212浏览 • 1回复 待解决
HarmonyOS RelativeContainer无法自适应高度
306浏览 • 1回复 待解决
HarmonyOS Stack容器中子view自适应高度问题
448浏览 • 1回复 待解决
HarmonyOS List嵌套Grid,Grid怎么自适应高度
657浏览 • 1回复 待解决
HarmonyOS Tabs组件,TabContent的高度无法自适应内容组件高度
365浏览 • 1回复 待解决
HarmonyOS RelativeContainer、List组件怎么实现自适应内容高度
690浏览 • 2回复 待解决
ImageKnife加载的图片能否自适应高度?
146浏览 • 1回复 待解决
HarmonyOS RelativeContainer宽高自适应问题
571浏览 • 1回复 待解决
Web组件如何实现高度自适应?
1028浏览 • 1回复 待解决
Grid组件如何实现高度自适应
3189浏览 • 1回复 待解决
HarmonyOS 如何实现listItem高度随内容自适应
390浏览 • 1回复 待解决
设置list自适应内容撑起高度,会发现list超出父视图的问题
431浏览 • 1回复 待解决
HarmonyOS RichText不能自适应高度,不能设置文字大小
426浏览 • 1回复 待解决
List水平布局如何根据内容自适应高度
672浏览 • 1回复 待解决
HarmonyOS RichText 无法自适应高度、无法设置富文本内容字体样式
561浏览 • 1回复 待解决
Web组件如何实现嵌套滑动,如何实现web控件的自适应高度
2483浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何实现HarmonyOS Swiper组件的页面高度自适应变化?
60浏览 • 1回复 待解决
HarmonyOS RelativeContainer 不能自适应宽高
357浏览 • 1回复 待解决
RelativeContainer 里面嵌套子组件 text ,如何基于 text 的内容自适应高度?
337浏览 • 1回复 待解决
RelativeContainer作为根布局容器,如果高度不设置默认全屏,高度需要自适应该如何设置呢
2014浏览 • 1回复 待解决
rowsTemplate、columnsTemplate都不设置时layoutDirection、maxcount、minCount、cellLength才生效,maxCount内的值为多少,对应方向上最大显示行数就是多少,可以理解为maxCount有一个高度控制开关,只要设置了maxCount之后,Grid就能实现自适应高度效果,具体使用方式请参考文档, 文档链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-grid-V5#flingspeedlimit11