HarmonyOS List、Row、Column等排列组件内两个相邻的子组件之间有间隙

List、Row、Column等排列组件内两个相邻的子组件之间有间隙,两个子组件都是相同色值的背景,但部署到真机或者模拟器时未完全拼接,中间有1px左右的间隙。

HarmonyOS
2024-08-09 15:40:08
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa

可以给组件设置以下属性可以解决显示的间隙问题:.pixelRound({ top:PixelRoundCalcPolicy.FORCE_FLOOR, end:PixelRoundCalcPolicy.FORCE_CEIL })

文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references/ts-universal-attributes-layout-constraints-0000001815927508#ZH-CN_TOPIC_0000001815927508__pixelround11

参考代码:

Row() { 
  Text('返回') 
    .textAlign(TextAlign.Center) 
    .height('100%') 
    .aspectRatio(1) 
    .fontColor('#FFCB88') 
    .fontSize(11) 
    .backgroundColor('#112e53') 
  Image($r('app.media.img_fan')) 
    .aspectRatio(0.72) 
    .height('100%') 
    .objectFit(ImageFit.Cover) 
    .pixelRound({ top:PixelRoundCalcPolicy.FORCE_FLOOR, end:PixelRoundCalcPolicy.FORCE_CEIL }) 
  Text('¥' + 8.12) 
    .height('100%') 
    .padding({left:3, right:3}) 
    .fontColor(Color.White) 
    .fontSize(11) 
    .backgroundColor('#8156f2') 
    .textAlign(TextAlign.Center) 
    .pixelRound({ top:PixelRoundCalcPolicy.FORCE_FLOOR, end:PixelRoundCalcPolicy.FORCE_CEIL }) 
}.margin({right:10})
分享
微博
QQ
微信
回复
2024-08-09 17:59:22
相关问题
HarmonyOS 两个同级组件问题
268浏览 • 1回复 待解决
关于Image组件两个问题
242浏览 • 1回复 待解决
两个重叠组件如何实现事件透传
407浏览 • 1回复 待解决
有计算两个日期之间时间util接口吗
1632浏览 • 1回复 待解决
判断两个日期是同一周日期。
319浏览 • 1回复 待解决
HarmonyOS list控件组件复用
186浏览 • 1回复 待解决