1 / 9
文档名称:

手机屏幕适配.docx

格式:docx   大小:159KB   页数:9页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

手机屏幕适配.docx

上传人:fangjinyan2017001 2021/8/4 文件大小:159 KB

下载得到文件列表

手机屏幕适配.docx

文档介绍

文档介绍:手机屏幕适配
随着手机屏幕的不断的增大,同时也遇到一些用户手机屏幕还是处于 240*320这种屏幕的大 小,当然也存着在一些不规则的屏幕分辨率心寸大小。对于很多的 UI来说,不同的手机屏
幕很多时候得出多套的图才能保证手机客户端在不同的屏幕上实现匹配。 针对手机客户端在
不同屏幕下的实现进行规划, 并制定出能够计算出具体控件位置的填充区算法, 这个是前期
对于不同的手机屏幕的匹配做出的一个界面适配算法。
首先认清几个手机屏幕区域(先从 240*320与320*240说起):
1、填充区
CONTAINER :在该标准中,使用填充区这个概念对界面进行控制,整个页面由不同大小的 填充区组成,不同的填充区有在适应屏幕时,有不同的缩放规则。
2、SCREEN
SCREEN:根填充区,每个分辨率下的可见区域尺寸, 其尺寸等于某型号手机的屏幕分辨率。
如在n73下,SCREEN的参数为240*320。
3、基准屏幕
针对横屏和竖屏的屏幕,采用两套不同的基准屏幕,竖基准屏幕240*320和横基准屏320*240, 两种基准屏幕之间可以进行切换。
竖屏240*320合适屏幕缩放:
竖屏的屏幕缩放基于240*320大小,可以缩放到480*640等屏幕的大小。满足 iPhone以及安
卓等用户的需要。
竖屏的字体比例缩放: 控件适配不同屏幕的过程中, 控件往往需要根据字体的缩放而进行缩
放。
遵循的原则一一头尾原则
在常规界面的适配过程中,准从先头尾,后中间的原则,即,先确定 header的高度,再确 定footer的高度,然后根据屏幕高度来和头尾高度确定 content填充区的高度,完成整个界
面布局的调整。控件宽度以比例缩放原则为主。
(常用界面)
(Android、iPhone 触屏类型)
(诺基亚、Kjava等键盘类型)
缩放原则:
界面在适配于不同界面时,主要采用两套不同的缩放规则,不同的填充区根据需要分别采用
字体缩放和比例缩放。
整个缩放规则的设计来自图片在不同屏幕间的适应模式,我们假设有个 n73手机,屏幕分辨
率为240*320 ,在这部手机上全屏看一张 480*640的图片,手机刚好显示完,显示效果如下(红
框为屏幕可视区域):
如果我们用一部 E63的手机(分辨率320*240)进行查看,不同的查看模式下效果分别是 (红