iOS Messages显示图片功能分析

iOS Messages显示图片功能分析

目录

一、目标

二、功能分析

1. 显示尺寸

2. 显示形状

三、功能总结

1. 显示尺寸

2. 显示形状

四、接下来

五、Finally

---

在上一个开发阶段《神马笔记 版本2.4.0——对话笔记》中，实现了对话笔记，接下来的几个开发阶段将不断丰富对话笔记的功能。

一、目标

分析iOS Message显示图片功能以实现神马笔记新的对话笔记元素——图片。

二、功能分析

1. 显示尺寸

测试机型——iPhone 6，750 x 1334。

• 普通宽高比

测试图片为系统相机在竖屏和横屏下拍摄的2张照片。

图片大小为2448x3264，比例为3:4。

• 显示宽度最大为500，屏幕宽度的2/3
• 显示宽度为2倍的图片宽度
• 显示宽高比与图片宽高比保持一致

图片尺寸	图片比例	显示尺寸	显示比例	显示效果
2448x3264	3:4	500x663	≈3:4
3264x2448	4:3	500x372	≈4:3
250x333	3:4	500x663	≈3:4
333x250	4:3	663x500	≈4:3
120x160	3:4	240x330	≈3:4
160x120	4:3	320x240	≈4:3
60x80	3:4	120x160	≈3:4