关于屏幕分辨率适配的教程

这篇文章不是扫盲文,而是工具文.

关于屏幕适配,大概就是,能够让一个控件在不同分辨率下显示的效果一致(或者差不多) ,适配就OK了

举个栗子一个button 在1080p分辨率下设置的宽度占屏幕一半那么,假如,在720p(其他)分辨率下,其宽度也是占据屏幕宽度一半(大致),就可以认为,你的屏幕适配基本OK了(个人之见)

屏幕适配的方案有很多 , 目前屏幕适配没有完美的方案,只有适用的方案(有时间有精力的话你可以学腾讯适配几百种机型的...)

我们一般适配的,只需要主流的6种:800x480、854x480、960x540、1184x720、1280x720、1920x1080(2k屏渐渐流行加上2560x1440已经是时候了)

ps : 友盟统计数据表明当前主流分辨率是720p和1080p(事实上一般适配的也就是这两种)

// 方案1

该方案基本原理就是计算出每一个适配的不同分辨率下 dp值对应的px值然后根据ui提供的尺寸(px值),直接进行设置而不是平时那样设置dp值从而达到适配效果

下面就开始适配吧(本人技术有限,不足之处还请指出来,我会更正的)

步骤1:

复制下面的values包到/res目录下(根据需求即可其他不要的分辨率可以直接删除)

解释:不同的values包,里面的dimen值,对应的是根据不同分辨率的dp值计算出的px值 (如果听不懂,没事,做了之后去探索吧)

步骤2:

在布局中,根据ui提供的图片和尺寸,对控件直接进行设置例如

步骤3:

运行,在不同的分辨率下查看效果,效果一致(差不多),就说明适配成功了.如果不行,我不知道了...

一开始我使用自己的华为荣耀6,测试不行,搞了好久才发现是自己的手机有毒,所以,请各位测试的时候用多几部不同分辨率的手机(模拟器是不错的选择,但是还是需要真机作为标准),我使用的有魅族4Pro(2k屏的)+小米4(1080p)+720p的模拟器

ps:这个适配适合于美工直接提供图和尺寸的包括字体大小的设置直接给dimen的x值即可(我使用模拟器4种分辨率测试没发现问题) 假如是动态设置大小的可以使用dp/px互转工具网上搜就有,其他情况,我就不大清楚了......

还有感谢QQ群的武汉-代码怪上传的文件和建议;深圳-小余提供的建议感谢辛苦计算dp->px值的那位程序员的无私分享

资源下载:

csdn老上传不了,也不提示哪里出问题,这个网站当年做得很好,现在已经只能呵呵了,下面的是百度云的

http://pan.baidu.com/s/1qY0DsIw

11月30日修复csdn的上传资源

http://download.csdn.net/detail/yan_startwith2015/9697885

这个是需要1个积分,如果你分数觉得充裕的话(csdn不允许上传相同资源的, 因此删除了某几个分辨率,不影响使用, 放心)...

http://download.csdn.net/detail/yan_startwith2015/9697902

更新更新更新!!!(11月4日)

// 方案2

关于上面的方案1, 上传到群里面, 发现不少人说上面的适配方案比较麻烦, 跟一个群友(成都，dieyoung)聊了一下,发现他采取的适配方案也挺好的(我之前的同事也在使用,跟我说过,只是我不怎么记得了...)

步骤

1.其实很简单跟上面一样的 ui切图的话尺寸还是按照px给出的 使用方式就是:px值/2=一个值, 这个值=dp值, 设置进去, 这样就可以达到适配的效果了当然没有完美的适配方案(至少目前) 因此还是需要进行一些调整的比如这个适配方案参考的是ios的规范切出一套图给你 ios里面最小尺寸是20px 但是安卓建议最小尺寸是12dp 这个时候就需要适当地将尺寸设置大一点了还有一些图标之类可能也需要根据效果进行一些调试

ps: 这个方案我没有进行测试过但是是可行的后面我又问过了之前的同事确认了...(说是简单了,,,但是我觉得跟我上面的差不多,看个人选择了)

结语:

屏幕适配的方案有很多看自己的意愿+业务需求来进行选择吧祝君好运

关于屏幕分辨率适配的教程相关推荐

Unity 利用NGUI做屏幕分辨率适配+学习UIDraggablePanel的使用
2019独角兽企业重金招聘Python工程师标准>>> 大家使用unity,一定有看中其跨平台的强大功能,因此也难免会遇到不同屏幕分辨率适配的问题. 先说说UIRoot.在新版本的n ...
大屏项目屏幕分辨率适配
一.大屏项目屏幕分辨率适配:1366*768 和 1920*1080 和 2560*1440 和 4096×2160 二.css方案选择:css的宽高以什么为单位? 1.字体大小以 "相对单 ...
Android Studio 屏幕分辨率适配
android studio进行android 应用屏幕分辨率适配使用建立不同dimens.xml方法,刚开始建立的文件夹都叫 values-1280x720 values-800x400之类的,发现 ...
android屏幕分辨率适配总结
不同分辨率下容易出现的问题欢迎加入QQ交流3群:317874559 由于目前android设备的分辨率种类很多,在开发的时候不注意进行屏幕适配的话会出现很多问题.比如高分辨率和低分辨率 ...
vue屏幕分辨率适配实战解析
作为前端人员,为了适配各种型号的电脑.手机,我们往往离不开屏幕分辨率的适配: 那么如何做好屏幕分辩率的适配呢,我总结了以下几点: 1.使用amfe-flexible,将px转换为rem,用于适配不同宽 ...
android屏幕分辨率适配
分辨率高度宽度宽高比(宽/高) 1920x1080 1920 1080 0.5625 2094x1080 2094 1080 0.5157593123 2220x1080 2220 1080 0 ...
Unity UGUI背景图屏幕分辨率适配
文章目录一.前言二.背景图分辨率适配方法1.全屏铺满方法2.等宽高比缩放方法3.背景图分层一.前言游戏中,必不可少会有需要显示背景图的地方,比如登录界面.Loading界面等. 二.背景 ...
拯救2K屏手机！修改屏幕分辨率省电教程
安卓的硬件大战已经白热化,然而硬件大战的战果是否真的有利于用户,还真的难说.例如,很多旗舰手机都已经将屏幕分辨率堆到了2K(2560x1440)级别,这听上去比1080p(1920x1080)高大上不 ...
Mac Catalina(10.15.2) 2K外接屏幕分辨率适配
工具 1.SCALED RESOLUTIONS 2.SwitchResX,下载地址如下,也可从官网下载最新版链接:SwitchResX 密码:af0z 步骤 1.下载安装SwitchResX 2.重 ...

关于屏幕分辨率适配的教程

关于屏幕分辨率适配的教程相关推荐

最新文章

热门文章