现在的设计图上的图片是png,不是svg这种矢量图,用的image组件,写的固定宽高,但是放在分辨率大的手机上会模糊,这个问题有什么好的办法解决,必须要用媒体查询的方式吗?
Image($r('app.media.right_arrow'))
.width(100)
.height(100)
.objectFit(ImageFit.Cover)
现在的设计图上的图片是png,不是svg这种矢量图,用的image组件,写的固定宽高,但是放在分辨率大的手机上会模糊,这个问题有什么好的办法解决,必须要用媒体查询的方式吗?
Image($r('app.media.right_arrow'))
.width(100)
.height(100)
.objectFit(ImageFit.Cover)
1 回答1.1k 阅读✓ 已解决
1 回答1.4k 阅读
1 回答1.2k 阅读
1 回答1.2k 阅读
1 回答1.2k 阅读
1 回答1k 阅读
1 回答1k 阅读
关于这个问题目前参考业内的实现方式,在不同的分辨率的手机上使用不同倍数的图片
可以在项目目录的resources中创建新的资源目录,并将Density添加到右侧,然后就可以新建适用于不同屏幕密度的文件夹。具体使用查看资源限定及访问文档:
https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/resource-categories-and-access-V5