HarmonyOS 鸿蒙Next：borderRadius为何影响shadow偏移

预览是正常的，在真机运行出现了这个问题

@Entry
@Component
struct ShadowPage {
build() {
Row() {
Row()
.width(300)
.height(50)
.backgroundColor(Color.Blue)
.borderRadius(30)
.shadow({
radius: 20,
color: Color.Gray,
offsetX: 0,
offsetY: -100
})
}
.height(‘100%’)
.width(‘100%’)
}
}

圆角10的效果

圆角30的效果

gougou168 1楼•14 天前

你这是被截断了，还是偏移影响了，图片显示是截断问题，是不是被其它组件遮挡了？偏移问题没看出来，说明一下啥偏移影响了

songsunli 2楼•14 天前

就是用我上面的代码呈现的效果，仅仅改了圆角值

sinazl 3楼•14 天前

在DevEco Studio 5.0.3.403上实测了一下，没有问题，你用哪个版本？可能是bug，升级一下小版本再试试吧，也可以考虑提工单反馈一下。

vueper 4楼•14 天前作者

HarmonyOS 鸿蒙Next中，borderRadius影响shadow偏移可能是由于圆角处理时阴影的计算方式改变所致。圆角边框会使阴影在边界处产生形变，进而影响阴影的整体偏移效果。这种现象在UI设计中较为常见，特别是在复杂的布局和视觉效果中。如果问题依旧没法解决，请加我微信，我的微信是itying888，以便进一步讨论和解决问题。