4
回答
图片在app上的不同位置的展示
利用AWS快速构建适用于生产的无服务器应用程序,免费试用12个月>>>   

问题:一张图片怎样在app不同位置展示出来?

举例说明:

某一款app的商品图:在列表中图片大小是200*200 , 到商品详情中图片大小又变成了800*500,但是到了购物车中商品图片大小又变成 300*250 。

因为你不可能每个位置都上传一张图,这种情况要怎样去设计图片的上传?谁有比较好的方法介绍下,谢谢。

<无标签>
举报
hf201429
发帖于3个月前 4回/49阅

上传的时候直截加工好,生成几个需要的尺寸。否则不管你怎么调整,你的显示比例差异双大,一定会变形或难看的。

网页中可以通过css设置background-size:cover;来实现不同尺寸使用同一图片不变形展示,不知道APP中有没有类似机制。

上传的时候裁剪我觉得始终不是长久之计,万一后期app设计变更会很麻烦

引用来自“janl”的评论

上传的时候直截加工好,生成几个需要的尺寸。否则不管你怎么调整,你的显示比例差异双大,一定会变形或难看的。

怎么加工?后台切的时候如果切的比例不一致会把图片切的乱七八糟。

一,设定规则,从什么位置切,如居中切;从某一位置切;按最小边缩放切等;

二,要想效果最好那只能,不同需求上传不同的图片了。

顶部