如何适配iPhone X？来看QQ 音乐这个实战案例复盘总结

文章预览

编者按：QQ 音乐团队设计师们做了一些研究工作，从方案对比选型到确定适配方案，都是希望能让产品更好地适配 iPhone X。 本文将与大家详细分享从了解 iPhone X、到适配方案研究、最后方案实施的点点滴滴。 △ QQ音乐界面 关于 iPhone X 的信息 工欲善其事必先利其器——《论语 · 卫灵公》 在着手构思任何解决方案之前，我们都需要先仔细了解事物的本质。例如 iPhone X 在外形上做了哪些改变、交互手势有哪些不同、它的屏幕多大、分辨率又是多少呢等等。 1.  屏幕尺寸、分辨率 追求全面屏的 iPhone X 此次启用 5.8 英寸的超视网膜高清显示屏，458ppi 的屏幕像素密度。 竖屏时像素分辨率达到了 1125px × 2436px（375pt × 812pt @3x），可以发现 iPhone X 的宽度与原来的 iPhone 7 等 ………………………………