ImageKnife加载图片,设置圆角显示有问题

使用ImageKnife加载网络图片,设置RoundedCornersTransformation之后,加载的图片圆角周围有阴影,设置抗锯齿为高,依旧有问题。

HarmonyOS
2024-11-18 09:31:41
1127浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
aquaa

​可以在ImageKnifeComponent组件外再套一层容器进行裁剪实现圆角效果。

示例代码:​

import { ImageKnifeComponent, ImageKnifeOption ,ScaleType } from '@ohos/imageknife' 
@Entry 
@Component 
struct Index { 
  @State message: string = 'Hello World' 
  @State option: ImageKnifeOption = { 
    loadSrc: $r("app.media.tess"), 
  } 
 
  build() { 
    Row() { 
      ImageKnifeComponent({ 
        imageKnifeOption: { 
          loadSrc: $r("app.media.tess"), 
          mainScaleType:ScaleType.FIT_XY 
        } 
      }) 
    }.width(300).height(500).borderRadius(50).clip(true) 
  } 
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
分享
微博
QQ
微信
回复
2024-11-18 16:23:40


相关问题
HarmonyOS ImageKnife图片加载问题
869浏览 • 1回复 待解决
HarmonyOS imageknife图片加载顺序问题
655浏览 • 1回复 待解决
HarmonyOS图片加载框架ImageKnife
1144浏览 • 1回复 待解决
HarmonyOS ImageKnife加载网络图片失败
780浏览 • 1回复 待解决
HarmonyOS 图片背景及边框圆角设置问题
2252浏览 • 1回复 待解决
ImageKnife 图片库相关问题
1760浏览 • 1回复 待解决
HarmonyOS 设置borderWidth 0.5显示问题
422浏览 • 1回复 待解决
ImageKnife无法加载网络jpeg图
7237浏览 • 1回复 待解决
HarmonyOS Imageknife使用问题
724浏览 • 1回复 待解决
HarmonyOS 图片加载问题
692浏览 • 1回复 待解决
HarmonyOS web加载页面图片显示
1484浏览 • 1回复 待解决
HarmonyOS Web加载Url,图片不能显示
1036浏览 • 1回复 待解决
HarmonyOS 网络图片加载显示
1342浏览 • 1回复 待解决
如何显示通过网络加载图片
3267浏览 • 1回复 待解决
HarmonyOS 加载html,图片显示不出来
927浏览 • 1回复 待解决