图片在app上的不同位置的展示

hf201429 发布于 2017/08/31 15:58
阅读 259
收藏 0

【开源中国 APP 全新上线】“动弹” 回归、集成大模型对话、畅读技术报告”

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

举例说明:

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

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

加载中
1
janl
janl

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

0
祺爸PiscDong
祺爸PiscDong

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

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

0
hf201429
hf201429

引用来自“janl”的评论

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

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

0
janl
janl

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

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

OSCHINA
登录后可查看更多优质内容
返回顶部
顶部