【开源中国 APP 全新上线】“动弹” 回归、集成大模型对话、畅读技术报告”
问题:一张图片怎样在app不同位置展示出来?
举例说明:
某一款app的商品图:在列表中图片大小是200*200 , 到商品详情中图片大小又变成了800*500,但是到了购物车中商品图片大小又变成 300*250 。
因为你不可能每个位置都上传一张图,这种情况要怎样去设计图片的上传?谁有比较好的方法介绍下,谢谢。
【开源中国 APP 全新上线】“动弹” 回归、集成大模型对话、畅读技术报告”
问题:一张图片怎样在app不同位置展示出来?
举例说明:
某一款app的商品图:在列表中图片大小是200*200 , 到商品详情中图片大小又变成了800*500,但是到了购物车中商品图片大小又变成 300*250 。
因为你不可能每个位置都上传一张图,这种情况要怎样去设计图片的上传?谁有比较好的方法介绍下,谢谢。
上传的时候直截加工好,生成几个需要的尺寸。否则不管你怎么调整,你的显示比例差异双大,一定会变形或难看的。
网页中可以通过css设置background-size:cover;来实现不同尺寸使用同一图片不变形展示,不知道APP中有没有类似机制。
上传的时候裁剪我觉得始终不是长久之计,万一后期app设计变更会很麻烦
引用来自“janl”的评论
上传的时候直截加工好,生成几个需要的尺寸。否则不管你怎么调整,你的显示比例差异双大,一定会变形或难看的。
怎么加工?后台切的时候如果切的比例不一致会把图片切的乱七八糟。
一,设定规则,从什么位置切,如居中切;从某一位置切;按最小边缩放切等;
二,要想效果最好那只能,不同需求上传不同的图片了。