coding学堂之快速适配iOS和Android平台UI元素(上）

2016-01-15 16:33:46 397浏览

        没有系统学习iOS开发实战和Android开发入门与实战课程的朋友们，对于快速适配iOS和Android平台UI元素，难免会捉襟见肘。扣丁学堂专业Android讲师总结了6个实用的技巧值得新手学习的地方，包括Material Design、屏幕密度尺寸、图标等等!

        coding学堂之快速适配iOS和Android平台UI元素：

        1、不要转换

        你不应该在Android上使用同一套规格的UI。iOS有一个能让你一键返回桌面的“物理home键”。然而，Android上的按键是“返回、home和多任务”。这意味着什么?一位Android用户可以从一个应用轻松跳转到另一个应用。这是一个很大的不同之处。因此，iOS通常会有一个结合了纵向和横向的UI结构，但Android则更偏向于纵向。这些“返回、home和多任务按键”都在屏幕底部，因此你不能把tab(标签)放在底部的位置。

        2、 熟悉新词

        你经常能挺到诸如“DP”、“SP”和“9 Patch”这样的词。DP和SP是尺寸单位，而9Patch是组件格式的名称。DP是Density-independent Pixels的简写，它是一个永远不会改变大小的绝对单位。SP和DP很像，但是它是可以伸缩的。如果用户在设备的设置里调大文字，那么通过SP定义的字体大小就会受到影响。Yahoo News Digest9 Patch是一个能让组件可大可小的格式，对于大幅缩小文件体积大有帮助。举个例子，它可以被用来作为带有阴影的按键。点击链接查看具体细节。9 Patch图片(左边那张)可以惊人地扩张成如右图那般的尺寸

        3、 理解屏幕密度和尺寸

        和iPhone不同，有百来个不同的生产商在基于Android系统研发他们的手机。举个例子，OpenSignal、com的网站上有一份乍看美不胜收实则细思极恐的Android碎片化信息图。不过这并不是说你要去为所有这些机子设计，所以不必惊慌。Android有一个屏幕密度的系统能适应于每个屏幕尺寸。因此你只需要留意那5到7个不同的尺寸就可以了。对于1080 x 1920 pixels(XXHDPI)来说，所有像素值除以3便是DP。如果你以1080 x 1920 px开始你的设计，你并不仅仅是在为Nexus 5设计，那些组件和规格同样可以完美适配于其它的XXHDPI手机，比如Galaxy S4, HTC One 或 LG G2。下面我们回到DP的话题…DP是针对所有显示屏的一个绝对数值单位。要实现正确的像素值，你必须在每个分辨率上做乘除法。比如，如果对于1080 x 1920 px(XXHDPI)来说，所有像素值除以3便是DP。是的，你必须在这里做一些数学乘除，这也是为什么有一些设计师从320 x 480px开始(这样每个数字都是DP了)。然而，我更喜欢从1080 x 1920px开始，因为这是最流行的尺寸。但一切随你。在任何情况下，你都应该为优化app于不同的屏幕尺寸和分辨率而做出努力。我建议你在app上线之前，在至少五个不同分辨率的设备上进行测试。要知道，即便他们分辨率不同但比例还是非常接近甚至一致的，因此你不必太担心原始排版被打乱或需要重新设计的问题。Yahoo News Digest、 为各个分辨率适配。

        关于如何快速适配iOS和Android平台UI元素后续内容请大家持续关注扣丁资讯更新。推荐大家可以免费观看扣丁学堂iOS开发教程及其Android开发教程视频，从零开始学Android开发和iOS开发有关知识。

查看更多关于“coding资讯”的相关文章>>