ExMobi分辨率适应解决方案

此课程旨在帮助开发者了解ExMobi客户端如何适应众多屏幕分辨率的问题,移动应用开发者应该都体会过不管是原生Native应用,还是H5应用众多的手机屏幕分辨率始终是个头疼的问题,当然基于一些框架的基础上可能这些问题可以得以解决,ExMobi自身也有一套完整的解决方案。

课件下载

开始学习并下载课件
课程小节

  • 客户端资源目录

    一般情况下ExMobi平台客户端部分和服务端部分是完全分离,在客户端部分以不同的目录用来存放应用相关的资源,客户端目录从设备上分为pad和iphone,对应每个设备目录又分为hdpi,ldpi,mdpi,xhdpi和xxhdpi。

  • 客户端资源获取

    客户端连接服务端下载或者更新应用插件的时候,是根据客户端的类型和dpi来获取资源的,当客户端连接服务器的时候会告诉服务器客户端的类型和dpi是什么,服务端就会到应用插件的client目录下找对应类型和dpi的资源给客户端下载

  • 相对像素的布局效果

    在ExMobi布局里面设置控件长宽的大小用的是dp单位,它是根据屏幕密度来计算最终多少像素点,比如同样设置 1dp,那么在不同分辨率和不同屏幕尺寸的手机上,可能占用的像素点不一样。

培训建议

开发者可能会经常遇到一个应用需要在ipadiphone上同时运行,但对于ipadiphone两种屏幕尺寸比较悬殊,如果用户想要更好的体验,可能就需要完全两套不同的分辨率样式,对于这个问题ExMobi给出的方案是有两套文件目录一个pad目录一个phone目录。不过如果用户对界面要求不高的情况下phone目录的资源样式也可以完全给pad用,直接拷贝文件即可,效果就是放大版的手机效果。这个开发者可以根据实际的情况采用合适的方案。

知识体系

对于ExMobi平台来说,主要是从这三块来解决多分辨率适应问题的,从大的目录来说ExMobi客户端把客户端资源分为padphone两大目录,其目录是为了让padphone的界面可以完全独立开来,因为pad屏幕尺寸比较大,一般在布局上可能更多的采用横向布局。那么如何才能知道一个设备是否是pad,这个ExMobi客户端会自动判断,默认会认为屏幕尺寸大于等于6寸的就是pad,如果开发者想自定义pad尺寸的临界值,也可以在应用打包的时候再做修改,比如开发者可以限定5寸屏的设备就是pad

接下来就是对phonepad里面具体的分辨率做区分了,ExMobi把所有设备的分辨率分为了五个分辨率文件夹,任何一个分辨率通过DPI计算公示后一定可以在找到对应的目录。

在计算分辨率的基础上,ExMobi在计算像素也采用了自己独特的方式,在ExMobi客户端里面的像素单位采用dpdp是个相对像素单位,同样的数字大小会在不同手机分辨率下算出对应的绝对像素px。这样就可以全面保证同一个页面在不同分辨率下会自适应屏幕大小。

其实如果开发者在布局上面所有控件都加上宽度设置,只需要采用一个目录下的分辨率资源即可,下面我们就详细介绍下。

课程信息

  •   课程难度: 初级
  •   课程时长: 60分钟
  •   学习人数: 97
未学习

前置课程