Andriod分辨率适配.doc
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Andriod 分辨率
- 资源描述:
-
Andriod分辨率适配 ”葵花宝典“ 1. 射鸡师 VS 攻城师 在日常的Andriod开发中经常会遇到各种各样的PK,其中设计师和工程师的矛盾非常突出,我们来看一下双方的主要矛盾。 主要原因是由于设计师和工程师都只专注于自己的领域,对彼此的领域了解较少。 2. 几个基本的概念 1.分辨率:屏幕上显示的像素个数,单位尺寸内像素点越多,显示的图像就越清楚。 市场上主流分辨率有:480*800、 720*1280、 1080*1920(其他的早该淘汰了,忽略不计)。 2.屏幕密度:表示屏幕每英寸有多少个像素。 240dpi(480*800) 、320dpi(720*1280)、480dpi(1080*1920) 3.单位: px:像素(设计师都知道像素是什么)。 dp:andriod开发中用于描述模块间距等,(可以很好的自适应) 240dpi下,1dp=1.5px 320dpi下,1dp=2px 480dpi下,1dp=3px sp:和dp一样,只是用于描述字体大小的单位。 240dpi下,1sp=1.5px 320dpi下,1sp=2px 480dpi下,1sp=3px 3. 到底采用哪种分辨率来设计,到底需要提供多少套标注和切图。 1.只需要提供一套标注即可。 原则上需要为不同分辨单独进行标注,但由于开发成本等各种考虑。 选取320dpi下(分辨率为:720*1280)进行设计,此分辨率下1dp=2px。 另外视觉可以直接从高分辨率进行设计、标注、切图,这样可以方便适配低分辨率。 2.只需要提供一套切图即可。 原则上设计师需要为不同分辨率单独标注切图,同样根据开发成本等要求。 1.一般采用720*1280的来设计。切图可以直接适配120*1280分辨率的机型。 2.720*1280下的切图资源基本可以适配其他机型,有些特殊的切图需要单独适配的,比如icon等。 3.适配480*800的机型,只需要把切图/1.5即可。 4.适配1080*1920机型,只需要把切图*1.5即可。 3.使用相对单位进行标注。 设计师要建立相对单位概念,可以直接使用dp标注尺寸、sp标注文字大小; Andriod官网中就采用相对单位进行标注的。 4.采用自适应布局。 由于Andriod设备尺寸较多,设计师设计时要考虑好固定和自适应部分。 5.标注尽量采用相对关系。 Andriod设备尺寸很多,不可能采用绝对定位方式来标注,因为绝对定位无法实现界面元素自适应,标注时说明和兄弟元素、父子元素之间的关系即可。 4. 文字。 中文字体:默认为Droid Sans Fallback,设计时可采用微软雅黑。 英文字体:Andriod4.x及以上采用Roboto,Andrio2.x和andriod3.x采用 Droid Sans。 建议尽量采用系统默认字体。 Andriod规范建议,字号采用12sp、14sp、18sp、22sp等四个级别来设计。(实际设计时可以按实际情况调整,我经常这么干,嘿嘿) 5. 总结。 1.采用720*1280分辨率来进行设计。(设计时,采用偶数值进行设计,方便dp和px的转换) 2.开始标注了,标注尽量采用相对位置进行标注。 3.切图了,首先在720*1280下进行切图,可以完全适配720*1280的机型。切图资源 4.分别适配480*800 、1080*1920(上面已经描述过了哦) 5.不要忘记了,开发完后要进行bug测试哦(视觉方面的) 6.终于上线了,有自豪感了吧。 写的不足之处,还请见谅,希望各位大神来多多吐槽啊!!!!! 其它网友总结与分享: vincent_lau : 有个算是明显的认知错误,dpi和分辨率并不划等号。240dpi并不代表480x800这个分辨率。dpi是屏幕密度,同样的屏幕密度可以得到无数种分 辨率,只需要改变屏幕尺寸就可以了。如果不好理解,拿刚出的iPhone6来讲,因为他的屏幕密度没变,虽然分辨率变成了750x1334,但是他和 iPhone5s用的是同一套资源切图。 按照你提到的/1.5。320dpi除1.5并不会得到240dpi(他们其实是0.75倍的关 系)。用这种方式得到的切图是不符合Android规范的。比如在320dpi下图标尺寸规范是64x64。而在240dpi下图标尺寸规范是 48x48。他们换算关系0.75倍。 320dpi我们用720x1280这个分辨率来设计,如果想在240dpi上得到符合规范的切 图,就需要将(720x1280)x0.75。是的你会发现得到的是540x960。不是比较常见的480x800。但就像上面提到的,谁说240dpi 就是480x800这个分辨率,他们只是在相同屏幕密度下共用一套资源切图而已。 大家应该都用ps 插件cut and slice me 来切图吧,其实你细心发现,他也是用的这套逻辑。1(mdpi):1.5(hdpi):2(xhdpi):3(xxhdpi)。 我要讲的是,在320dpi下设计,想得到240dpi的切图。不能从720硬缩到480啊。 松猫 : 最近做Android适配要疯了。还是总结出了几点。 做设计的时候,如果并不打算IOS和Android的设计完全不一样,那么按照IOS,640*1136的分辨率做设计。 做安卓适配可以直接调整图像大小到宽度720,高度默认1278与安卓标准的320dpi:720*1280差别并不大。标注时的DP转换也很方便,PX/2=DP。 同时也做了两个版本的适配。 切图的时候使用插件进行输出,调整图像大小到宽度为320,高度不用管,然后用插件直接可以等比输出mdpi,hdpi,xhdpi,xxhdpi,xxxhdpi。开发人员再也不会说你只给一个图无法做多分辨率适配啦。 以上新手卓见,如果有大神有更好的意见求分享。。 vivameteor : 2.屏幕密度:表示屏幕每英寸有多少个像素。 240dpi(480*800) 、320dpi(720*1280)、480dpi(1080*1920) 此处有些问题。 屏幕密度(DPI)表示屏幕每英寸有多少像素,也就是说是由屏幕大小(英寸)与像素两者决定的。 那么,在不知道屏幕多大的情况下,怎么能够得出DPI呢? 480*800的屏幕DPI并不一定是240DPI,720*1280的屏幕不一定是320DPI,1080*1920的屏幕也不一定是480DPI。展开阅读全文
咨信网温馨提示:1、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,个别因单元格分列造成显示页码不一将协商解决,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前可先查看【教您几个在下载文档中可以更好的避免被坑】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
6、文档遇到问题,请及时联系平台进行协调解决,联系【微信客服】、【QQ客服】,若有其他问题请点击或扫码反馈【服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【版权申诉】”,意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:0574-28810668;投诉电话:18658249818。




Andriod分辨率适配.doc



实名认证













自信AI助手
















微信客服
客服QQ
发送邮件
意见反馈



链接地址:https://www.zixin.com.cn/doc/8973032.html