33 | 如何适配不同分辨率的手机屏幕？

33 | 如何适配不同分辨率的手机屏幕？

大家好，我是陈航。

在我之前的文章中，我与大家分享了中国国际化的基础。 与和iOS只需要为国际化资源提供不同的目录并在运行时可以根据语言和地区自动适配不同，国际化完全在代码中实现。

即通过代码声明，将应用中所有需要翻译的文案声明为e的属性，然后针对不同语言和地区进行手动翻译和适配。 最后，在初始化应用程序时，将代理设置为国际化。 翻译回调。 为了简化这个过程，将国际化资源与代码实现分离，我们通常使用arb文件来存储不同语言区域之间的映射关系，并通过i18n插件实现自动代码生成。

可以说，国际化为全球用户提供了统一、标准的体验。 那么，为不同尺寸、不同旋转方向的手机提供统一、标准的体验，就是屏幕适配需要解决的问题。

在移动应用程序的世界中，页面由控件组成。 如果我们支持的设备只是普通手机，我们可以保证同一页面、同一控件在不同手机屏幕上的显示效果基本相同。 然而，随着平板电脑和类平板电脑等超大屏幕手机的普及，很多原本只能在普通手机上运行的应用程序逐渐在平板电脑上运行。

但由于平板电脑的屏幕很大，在显示适配普通手机的界面和控件时，可能会出现UI异常的情况。 例如，对于新闻移动应用，通常有两个页面：新闻列表和新闻详情。 如果我们将这两页原封不动地移动到平板电脑上，控件就会被拉伸，文本也会太小。 密度过高、图像清晰度不够、屏幕空间浪费的异常体验。