移动开发者必须了解的10大跨平台工具
发表于 17:47|
作者唐小引
摘要：在本文中，我们盘点了过去的一年里，最受开发者喜爱的跨平台应用及游戏开发工具，尤以HTML/JS/CSS为众，却也包含使用其他语言进行开发的工具，比如Xamarin，使用C#，就能开发出运行于各大主流移动平台上的原生App。
成本低、周期短，易于上手，不用重新设计，种种好处让跨平台开发风头无量，也让诸多跨平台开发工具趁势崛起。在本文中，我们盘点了过去的一年里，最受开发者喜爱的跨平台移动应用开发工具，尤以HTML/JS/CSS开发为众，比如PhoneGap、Sencha Touch等，却也包含使用其他语言进行开发的工具，比如Xamarin，使用C#，就可以开发出能运行于各大主流移动平台之上的原生App。HTML/JavaScript/CSS篇1. 说到跨平台开发工具，很多人首先会想到PhoneGap。这样一款能够让开发者使用HTML、JS、CSS来开发跨平台移动App的开源免费框架，一直以来都深受开发者喜爱，从iOS、Android、BB10、Windows Phone到Amazon Fire OS、Tizen等，各大主流移动平台一应俱全，还能让开发者充分利用地理位置、加速器、联系人、声音等手机核心功能。此前，在Native与Web谁主未来的大论毫无消停之时，许多人认为，类PhoneGap的应用开发框架天然优势在于支持跨平台，后期可扩展性较强，开发周期很短，熟悉Web技术的开发者可轻松上手，缺点在于性能上的确不如Native，后期还需针对各个版本分别优化开发等。如今，Hybrid App已然当家做主，PhoneGap在性能与平台特性支持上也有着极大的提高和改善，大有赶超Native之势。相关链接：2. Sencha Touch是一款基于HTML5、CSS3和JavaScript的移动Web应用开发框架，内置MVC系统，能够让开发者的HTML5应用看起来就像原生应用一样，全面兼容iOS、Android、BlackBerry、Windows Phone、Tizen等主流移动平台。除了常见的触摸手势之外，Sencha Touch还专为iOS、Android设备提供了单击、双击、滑动、滚动和双指缩放手势。&HTML5应用开发的大热让众多跨平台开发框架逐渐风行，而Sencha Touch就是其中之一。能够让开发者以非常友好的方式从HTML5/CSS3/JS提取最多内容，并为其提供丰富而又易于使用的特性。Sencha Touch对于iOS平台的兼容性非常好，画面切换效果亦是相当流畅。相关链接：3. Titanium是Appcelerator公司旗下的一款开源的跨平台开发框架，和PhoneGap及Sencha Touch一样，都是让开发者使用HTML/CSS/JS来开发出原生的桌面及移动应用，还支持Python、Ruby和PHP。Titanium最大的特点就是，由于是基于硬件的开发，开发过程中所创建的应用可选择存储在设备或云端之上。Titanium主要特性：通过其单一的JavaScript SDK开发原生iOS、Android、Hybrid及移动Web应用。通过其基于Eclipse的Titanium Studio，可以极大地简化开发流程。拥有高效代码块，让开发者编写更少的代码，创建出可扩展的应用程序。集成了MBaaS和Appcelerator Open Mobile Marketplace。相关链接：4. Intel XDK的前身是AppMobi XDK，是一款帮助开发者使用HTML5开发移动及Web应用的跨平台开发工具。XDK包括了一个HTML5开发环境和一组支持创建混合iOS及Android应用的云服务，这些应用能够直接提交到不同的应用商店之中。除此之外，XDK还提供了调试工具，可以进行屏幕仿真调试、设备实际调试和遥控调试，不包括Ad-Hoc模式和安全特性。&和其他工具相比，XDK兼容PhoneGap的HTML5多平台开发项目，能够极大地减少开发时间，不依赖于Java或任何特定的浏览器特性，还能访问设备自带功能，例如GPS、加速计、摄像头、触摸屏交互、触摸手势、振动等。&相关链接：5. 摩托罗拉旗下的HTML5应用开发平台RhoMobile Suite也是相当受开发者欢迎。通过RhoMobile，开发者无需考虑设备类型、操作系统、屏幕尺寸等诸多问题，只需掌握HTML和Ruby就可开发出运行在iOS、Android、Windows Mobile、BlackBerry、Windows Phone等平台上的App。RhoMobile主要由三部分组成，分别为：RhoConnect：通过它，应用与数据之间可快速建立连接，并确保用户可以访问这些数据。RhoElements：开发者可以开发出在每台支持设备上都具有相同的外观、感觉和操作灵活的应用。RhoStudio：通过RhoStudio全功能模拟器，开发者可以在PC上快速测试和调试跨平台应用程序。相关链接：&
推荐阅读相关主题：
CSDN官方微信
扫描二维码,向CSDN吐槽
微信号：CSDNnews
相关热门文章那些iOS和Android跨平台解决方案 - 博客频道 - CSDN.NET
billfanggs的专栏
峰高方显谷深，一山自有一景。
分类：AndroidiOS
不少开发者有意进行跨平台应用开发，但“工欲善其事必先其器”，本文整理了一些iOS和Android跨平台解决方案，欢迎补充。
不少开发者有意进行跨平台应用开发，但“工欲善其事必先其器”，本文整理了一些iOS和Android跨平台解决方案，欢迎补充。
Corona SDK的优点：
稳定；支持硬件加速、GPS、指南针及照相机等；支持与Map、Facebook、OpenFient、GameCenter的集成；内建的物理集成；Lua语言比较容易学习；
已经有了一些很不错的应用，至少能够证明这个SDK是可以做出优秀应用来的；不错的社区支持。
Corona SDK不太好的地方：只支持iOS和Android；Lua语言不是面向对象的；每年都要交授权费（99美元/年）。
另外还有其他的一些补充，比如：
对于Corona SDK不支持的第三方SDK没法自己去集成；编译项目的时候需要把代码上传到Corona的服务器上去编译，不能在本地直接编译；无法扩展Corona的功能；物理模块还有一些缺陷。
（后来更名为Marmalade，不少大的公司在使用Airplay SDK，尤其适用于进行2D/3D游戏的开发）
目前使用Marmalade的游戏有《割绳子》、《植物大战僵尸》、《你猜我画》、Build 'n' Bash 3D、Catch the Monkey、Need for Speed Shift以及WorkSnug Pro等多款游戏。
Airplay SDK文档中还包含多个示例。“感觉受到限制”的开发者还可以在Airplay SDK上进行扩展。开发者需要对C++比较熟悉。
Appcelerator允许使用HTML/Javascript来开发原生app，开发者可以免费使用。目前世界上185个国家中有超多46万的开发者在使用Appcelerator提供的解决方案。
Titanium为Appcelerator于2008年底所推出的跨平台应用程序开发解决方案，目前支持iOS/Android/Blackberry/WM7等行动平台，以及Windows/Linux/OS X这三种主流的桌上型平台。
PhoneGap是一能够让你用普通NewsShow的web技术编写出能够轻松调用API接口和进入应用商店的HTML5应用开发平台。是唯一的一个支持7个平台的开源移动框架。PhoneGap的优势主要体现在开发成本低，兼容性好，完全做到了“Written Once，Run Everywhere!”。
它使开发者能够利用iPhone，Android，Palm，Symbian,WP7,Bada和Blackberry智能手机的核心功能。此外PhoneGap拥有丰富的插件，可以以此扩展无限的功能。
PhoneGap在多个主要的智能手机设备上提供了以下功能的支持：
加速计、摄像头、罗盘、通讯录、文档、地理定位、媒体、网络、通知(警告、声音和振动)以及存储等。如果正在为iPhone或Android设备做开发，那么这些功能都是支持的。
PhoneGap和Appcelerator的社区支持做的非常不错。 PhoneGap中文论坛：
Rhomobile（基于Ruby的手机软件开发框架）
Rhomobile是一款基于Ruby的手机软件开发框架，用于编写并发布跨越多个移动平台的应用程序，程序只需编写一次就能在各种平台上运行。Rhomobile要求用户只要掌握HTML和Ruby就可以开发iPhone软件。它目前支持为iPhone、BlackBerry、Windows、Symbian和Android平台创建应用。开发者使用HTML/JavaScript/VSS/Ruby等技术开发应用。Rhomobile表示自己遵循苹果的开发者授权。
Sencha Touch是一个基于HTML5的移动应用开发框架，其前身是Ext。使用Sencha Touch，开发者可以构建在iPhone、Android和BlackBerry touch等设备上运行的移动web应用，其效果看起来如同本地应用。目前Sencha Touch已经成为构建移动HTML5应用的领先框架。&
技术需求：HTML，CSS，Javascript，一般web开发知识
jQuery Mobile是jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile文档比较全面，同时有在线工具帮你快速创建自己中意的UI风格。
技术需求：HTML，CSS，jQuery
平台支持: 绝大多数移动浏览器
用jQuery Mobile作为基础，tiggzi是一个拖放开发工具用来开发移动应用。你可以添加标准的按钮，菜单，视频，地图等等到你的移动应用中，并且能够绑定事件。
技术需求：HTML，CSS，javascript，XML
平台支持：iOS，Android，移动web
Appmakr是一个在线工具帮助你创建移动应用，同时能够帮助你将应用添加到app store中。你可以倒入RSS feed来生成一个移动优化的应用。不需要任何的编程，当然你可以添加自定义的HTML。
技术需求：懂HTML，CSS将会更有帮助
平台支持：iOS，Android，windows phone
iBuildApp是一个创建移动应用的工具。拥有非常不错的模板供大家选择，而且你可以在iBuildApp Gallery里得到应用的特性。提供了很多选项添加到你的移动应用中，包括e-commerce和嵌入web页面到你的应用。提供了Soap web服务允许你创建，获取，升级或者删除内容。
技术需求：懂HTML，CSS将会更有帮助
平台支持：iOS，Android
Widgetbox提供了超简单的方式来创建和运营简单，基于内容的移动应用。你可以通过博客或者其它社交媒体的RSS来创建页面。当然你也可以使用HTML和CSS。
技术需求：懂HTML，CSS将会更有帮助
平台支持：大多数的移动浏览器
foneframe是一个移动HTML5/CSS3的框架帮助你开发针对移动设备优化的web应用。你可以使用phonegap或者appmobi XDK来作为后端。同时也是一个不错的构建mobile网站的工具。
技术需求：HTML5，javascript，CSS
平台支持：大多数的移动浏览器
Phonegap的开发人员创建了一个机遇web的平台帮助你创建你自己的build。叫做PhoneGap build。这个服务目前支持iOS，Android，blackberry，webOS和Symbian。使用这个服务你可以上传你自己的HTML5，CSS3和Javascript，PhoneGap build会帮助你生成你需要的文件，你可以直接发送到App store中。
appMobi XDK是一个基于云的移动应用开发环境。作为Google chrome的插件存在。同时帮助你运行你的mobile应用，也能帮助你部署应用到app store中。虽然服务是免费的，他们提供了一些附加服务例如，消息推送和电子商务帮助你增强你的移动应用。
AppCan应用引擎支持Hybrid App的开发和运行。并且着重解决了基于HTML5的移动应用目前“不流畅”和“体验差”的问题。使用AppCan应用引擎提供的Native交互能力，可以让HTML5开发的移动应用基本接近Native App的体验。
billfanggs
排名：第12237名
（123）（7）（63）（27）（1）（1）（9）（7）（7）（3）（1）（4）（3）（1）（2）（1）（2）（0）（1）（1）（1）（1）（1）（0）（0）（0）（1）（3）（1）（3）（4）（2）（1）（4）（1）（3）（1）（1）（1）（2）西西软件园多重安全检测下载网站、值得信赖的软件下载站！
→ 用Visual Studio开发iOS、 Android等跨平台应用
美国旧金山当地时间11月13日，微软宣布与Xamarin达成战略合作，帮助全球范围内的移动开发者更好地利用在各大主流移动平台开发本地应用。Xamarin是一家致力于利用统一通用代码，帮助开发者在iOS、 Android、Windows和Mac平台创建本地应用的开发架构公司。Xamarin现在成为全球唯一一个利用Visual Studio开发iOS、 Android、Windows跨平台本地应用的软件解决方案，成功地把世界上最大的开发平台和世界最成功的移动平台连接起来。移动应用市场的激烈竞争使得开发者们面临巨大压力，他们必须为消费者和企业用户开发出高质量和出色用户体验的应用，才能在竞争中脱颖而出。一个小小的Bug或程序崩溃都有可能让他们被用户永久抛弃。iOS和Android平台上数以千计的不同款设备让开发者们陷入碎片化陷阱，在不同型号设备上的应用调试和修改耗费了开发者的大量精力和宝贵资金。持续不断的系统升级和部分设备的版本停滞加速了移动平台的碎片化，让开发者们倍感头疼。双方的战略合作涉及三个领域：整合Xamarin技术和微软开发工具及服务，Xamarin将成为Visual Studio 2013的发布合作伙伴，以后也将同步支持微软最新版本Visual Studio。Xamarin在这一天还同时宣布完全加入微软iOS和Android上的Portable Library跨平台项目，让开发者更容易地在不同设备之间共享代码。最近发布的Xamarin University培训计划将向微软MSDN订阅用户免费提供。这一为期30天的培训课程将帮助开发者更好地开发高品质iOS和Android应用。这一价值1995美元的课程将于2014年1月开幕，为MSDN订阅者提供有限数量的免费培训机会。MSDN的个人或团队订阅者将拥有各自的价格及审核选项。此次战略合作可以让开发者能够利用C#、Visual Studio 2013和Windows Azure灵活快速地进行跨平台应用开发。利用标准化的Xamarin和C#移动应用开发程序，75%的本地开发代码可以实现跨设备共享。Xamarin支持iOS和Android平台API的100%共享――所有使用Objective-C 或Java能做到事情，现在用C#和Xamarin也能做到。Xamarin目前在全球70个国家累积了超过44万名开发者，超过2万个付费账户及120个咨询合作伙伴。微软与Xamarin将在美国20个城市举行路演活动，向美国各地的开发者展示如何运用双方的合作成果进行跨平台应用开发。10月底微软宣布与跨平台架构公司Corona&Labs达成了合作，Corona将携30万名开发者在2014年初支持Windows移动平台。这是半个月时间内，微软与著名跨平台架构公司达成的第二项合作计划，对广大移动平台开发者来说是一项值得关注的福利，只要对代码进行小幅修改，他们的应用就能够支持所有主流移动平台，帮助他们取得更大的成功。不过Xamarin与微软的合作是一次更加紧密的战略对接，是双方优势开发工具的强强联合，具有更加深远的战略意义，与Corona支持Windows移动平台大不相同。这两项跨平台开发战略合作将进一步加快Windows移动生态系统的繁荣发展，广大Windows移动平台用户可以期待更多精品应用和游戏的到来。
微软的开发工具当前是可视化软件开发工具的主流，越来越多的从业人员，将会使用系列开发工具，提供了的即时编辑和套用的功能。而且，对的支援感觉起来不比差,同时,它还提供了和一样的，也就是可以一个分割视窗，同时，我们还是可以看到设计画面和源代码。相对于的技术不成熟，在使用方面和功能方面趋向完善。...
05-15 / 3.75G
推荐理由：Visual Studio 2008 中文专业版 vs2008(含MSDN for SP1) 软件大小： 3.84G 软件语言： 简体中文 软件类别：
09-08 / 848.2M
推荐理由：微软Visual Studio 2008 SP1 简体中文版发布，VS作为微软旗舰级的开发集成环境最新版2008中加入了对WPF以及
05-15 / 1.90G
推荐理由：VS2008的性能改进以及十大新功能Visual Studio 2008的性能改进 在 VS 2008中，我们就开发人员所关心的一些常
02-14 / 2.25G
推荐理由：Microsoft Visual Studio 2010 专业版是一个集成环境，它简化了有关创建、调试和部署应用程序的基本任务。借
05-15 / 1.46G
推荐理由：需要注意的是：下载后解压，找到SETUP文件夹下的setup.sdb,用记事本打开它找 到 [Product Key]，将下面的一
05-15 / 1.58G
推荐理由：MSDN Library for Microsoft Visual Studio 2005,msdn帮助文件,从 VS2005的安装DVD光盘中分离出来的.
01-1501-0912-2310-3109-2009-1408-3108-2304-1202-25
阅读本文后您有什么感想? 已有23人给出评价!
名称大小下载不管你是在家，在公司，还是在设计师工作室工作，互联网企业都会找你去给他们设计 App。为了满足所有顾客的需要，这些企业通常需要同时开发运行在 Android 和 iOS 设备上的 App。
在理想的情况下，我们希望能花上好几个月的时间来分别为两类设备设计一款 App，但是实际上，我们没那么多的时间。就我所负责的项目而言，每次的时间都仅够我设计一个 App。通常情况下，我们也都只设计一个 App，然后在交给 iOS 和 Android 开发团队之前将它们做一些微调。要按照这种方式进行 App 设计，首先我们应当预先了解这两个平台之间的差异，这样你才能够使得你设计的 App 在这两个平台上的外观都能显得自然。
在设计开始之前
1. 了解另外一种系统
你很可能有自己更加喜欢的一个系统，像我一直使用 iPhone，所以我可能对 iOS 上的 样式有更多的了解。在进行跨平台设计的时候，你应当首先去做的一件事是了解另外一个系统，当然最好的方式去新买一只手机，对于我来说，就是 Android 设备。
2. 选择一个优先的平台
由于我们一次要对两个平台进行设计，在时间有限的情况下，你需要接受的一个事实就是——必须有一个平台需要优先设计。如何选择优先的平台并不在于你的个人喜好，而是在于你设计的这款 app 的市场定位如何。你所处的环境中有更多人使用 Android 设备吗？它是收费 App 吗？你的目标受众是谁？问问自己这些问题有利于你决定哪一个平台应当是被优先满足的。
3. 了解设计规范
阅读 iOS 和 Android 的设计规范。在过去，iOS 被认为有着更加严格的设计规范，有时候为了让 App 能够上线 AppStore，你需要走一个大约两周长的流程。而在 Play store 里则不存在这样的审批流程。然而，恰恰由于 App 上线如此开放，Android 平台上的 App 质量一直因为良莠不齐而饱受诟病，Google 为此推出了 Material Design 来试图解决这个问题。
对于 Web 设计者而言，他们早就熟悉了 MD 了
网上有很多免费而且好用的 UI kit，你可以将它们用在你的项目中，你可以在这片文章的最后找到一些 kit 资源的下载链接，使用这些组件将会给你的 App 带来一些原生的感觉。但是即使你使用了这些 UI kit，想要了解“什么时候应当做出区别以及什么时候两个平台应当保持一致”还是需要一些技巧的。在这里，我将向你分享一些我的经验。
设计你的 App
遵循这些步骤，你的 App 就能同时在 iOS 和 Android 保持完美！
1. 总体的样式
从 iOS7 以后，Apple 就一直在采用扁平化的设计模式，去除了所有不必要的纹理和阴影等效果——和早些年间的版本完全不同。Google 的新 MD 设计规范有了一些更加细节的规定，通过一种叫“纸片”的方法来创造更多的层级关系。
2. 实体按钮
Android 有一个返回按钮，点击它可以返回上一个屏幕。
iPhone 上则没有这样一个按钮，所以需要有一种方式能够让用户回到先前的屏幕。通常的解决方案是在屏幕的左上角放置一个返回键。
3. 通用元素
两种平台之间的确存在着一些通用的元素，比如说状态栏和标题栏，它们会出现在每一屏的顶部。你不应当改变导航栏的高度，如果你想让 App 看起来更加原生的话。所以，我推荐你在设计的第一页就定义好标题栏的样式，然后在其他的屏幕上使用一个占位的方框来替代，这样能省下不少时间，但是你应当向程序员说明标题栏在不同的屏幕上都是一样的样式。
不同平台上的导航栏有一定的差别。在 Android 上文本是左对齐的，然而 iOS 上是居中对齐的。在 iOS 上，很多企业都用它们的 logo 来替换首页标题栏中的文字，但是在 Android 设备上这不是一个好的主意。状态栏（显示你的网络、电量和时间信息）是系统组件，你不需要考虑设计它，只要确保它们不会对他人造成误解就好了。
或许iOS 和 Android 平台之间最大的区别就在于他们的导航样式了。Android 上最主要的导航方式是抽屉菜单，Android 用户们通常在这个菜单内进行跳转。而且在整个 App 中，这种体验是一贯的。Apple 的导航样式更倾向于 tab bar，它位于屏幕的底部，并且以一种很简单的方式实现上部内容的切换。当你设计 App 的结构的时候，你可以为不同的平台设计不同的导航样式。
5. 要不要用卡片式？
在 UI 设计中，卡片正逐渐成为一种主要的 UI 设计样式，它们可以应付多种情况，而且给用户提供了一种能够呈现有效内容的便捷方式。视觉上，卡片非常适应于 Android 的 Material Design（它事实上源自于纸张的灵感）。使用阴影和卡片之间的合理间距能够创建一种自然的外观。
在 iOS 上，使用卡片设计需要更加的小心谨慎，尽管一些大型的 App，诸如 Facebook 和 pinterest 的确使用了一种略微偏离 iOS 视觉规范的设计风格。Instagram 使用了一种完全扁平化的设计风格，尽管从结构的观点上看，用户的每一条推送都能被视为是一张卡片，instagram 的设计很值得你去花时间揣摩，它是如何遵循 iOS 视觉规范的。如果你要在 iOS 平台上应用阴影，你最好小心谨慎，尽量使得这些阴影不是那么的明显。
iOS 系统上的默认字体是 Helvetica Neue，在 Android 上则是 Roboto。尽管这两种字体在外观上有显著的差异，但是这两个字体的尺寸却是近乎相同的。如果你想要在设计的时候节省时间，那么用一款字体就可以，但是要和开发人员沟通在不同的平台上使用对应的字体。而在设计重要的布局结构和使用大号字体时，我建议你还是同时用这两种字体测试效果。
如果你想要精益求精，那么你就要对不同平台上的设计规范更加注意。比如如下几条：
Android 的 MD 设计需要用到更多的空格来进行布局
在 MD 中字体大小的变化会更加多样
在 iOS 上，字体没那么多大小差异，但是在字体重量上（Font weight）有更多的变化，同样允许你创建主次结构
两个平台都使用比较细的字体来现实正文内容，然而，在下面的例子中，Android 使用了轻（Lighr）和常规（Regular）字体，而 iOS 使用了粗体（Bold）和常规字体
这是一个非常简单的例子，向你展示了排版方面的一些细微的不同可以导致印象上的巨大差异——你能很快分辨你是在用 Android 手机还是在用 iPhone！
7. 网格和触摸元件
iOS（@1x 下 44px）和 Android（1:1 比率下 48p）都有对可触摸元件的设计规范。MD 规范同样建议对所有元素使用 8dp 网格对齐。
在最近的项目上，我发现遵守 Android 的这些设计规范会更加安全，因为大一些的 48px 的按钮在两个平台上都表现良好，而且 MD 的规范更加全面，还经常更新。不管怎么说，你都应该在设计中使用网格，但是我们发现定义更加明确的 Android 网格会更好用一些。
8. 按钮样式
这里是 MD 下定义的几个按钮类型：
浮动动作按钮（Floating action buttons）：最传统的有边框的按钮，阴影厚重明显，将它们从页面上分离出来。它们仅应当被用于背景，或者谨慎地在卡片上使用，不应当在警告框或者弹出框上使用，因为使用这种按钮，就会创建一层视觉深度。这种按钮的填充颜色一般使用 App 的主色，而下一种按钮，通常使用辅助的颜色。
扁平化按钮（Flat buttons）： 通常文本使用 App 的主色，没有边框，它们通常使用间距和大写字母来强调不同内容之间的分离关系。
和 MD 相比较，iOS App 在外观上是完全扁平化的，没有层级深度和阴影。主要按钮有填充颜色，次级按钮反转颜色，也就是说，有着主色的边框和文字。这种方案有时候会受到一定的限制，特别将它是用于标签栏等元素的时候。要用好这种设计模式，你必须对不同的颜色在你的 App 中分别代表什么有一个清晰的概念。
9. 动作表单
动作表单（Action sheets）允许用户在多项操作中进行选择。比如，当我点击（或者长按）我想要分享、上传、复制或者删除的图片时。
iOS 和 Android 用近乎相同的方式解决这种问题。首先，动作表单都是出现在屏幕的地步，然后在主要内容上罩上一层阴影。然而，它们在创造不同的深度和其他细节方面有着一些不同。
Android 在动作表单上加了一层厚重的阴影，表明它是脱离于原先的内容的。
iOS 的动作表单没有阴影，仅仅是在原先的背景上防止了一个有一定透明度的灰色图案。
只存在于 Android 上，它允许用户快速选择功能。然而，记住，这并不是 iOS 原生的控件之一。在下面的例子中，用户点击 profile，然后弹出了一个下拉菜单，提供了几个选项。
特殊数据输入
像特定的一些数据的输入，比如日期和时间，Android 现在有了原生的对话框，虽然它们看起来像是警告弹出框，一个例子是日历输入。iOS 使用完全不同的方式解决这个问题，它会在屏幕的底部弹出一个转轮让用户进行选择。在设计这些东西的时候要小心，并且和开发人员做好沟通。
10. 分类控制
分类控制允许用户以一种简单的方式在不同内容之间进行跳转。在不同的平台上，该控件的使用方式是完全相同的，但是在视觉上有着显著差异，因此要注意使用正确的形式。在 iOS 上，分类控制控件的外观很像我们刚才提到的按钮。而在 Android 上，通过间距来展现它们的分离关系，同时用下划线来标明目前所处的位置。
11. 弹出框
正确地处理这一类型的控件十分重要，因为他们也许会涉及到一些很重要的操作，例如注册，确认条款，甚至是确认支付。我们需要让他们看起来是原生的，以便产生一种安全感和信任感。
Android 的警告框使用的按钮样式，就是我们先前提到过的扁平按钮，你可以在 MD 说明文档中找到它们应有的尺寸。动作按钮位于卡片的右半部分。实际上，所谓的按钮其实就是一个文本。它们使用大写字母将它们和其他内容区别开，并且使用 App 的主色。
icon 设计是在 UI 设计中的一个比较特殊的领域。不管你是使用免费的 icon，和专门的 icon 设计师合作，还是自己设计 icon，不同的平台上对 icon 都有特别的样式要求。iOS 平台更偏好线形 icon，Android 上的 icon 的描边则更加地粗壮，或者干脆就用填充的 icon。这里是两个平台上的 icon 对比，你也可以点击这里的链接查看
下的 icon 设计规范。
13. 面包菜单、载入图片
不幸的数字 13（注：最后的晚餐的在场人数）。通常来说，警告框和表示载入的图标留给开发者做决定。你或许已经经历过弹出框和警告框的设计和 App 的其他部分样式完全脱节的情况。那是因为通常 iOS 和 Android 平台都有对这些情况的默认的处理方案，但是你也可以利用你的方案进行替代。在这里，让你的设计能被真实还原的最好的方式就是和开发人员多进行沟通。
14. 通用 UI 控制
复选框，单选框和输入框，以及开关都是应该有着原生感觉的控件。像警告框和对话框一样，这些控件保持默认样式的话能够给用户带来熟悉感和信任感。尽可能多地使用原生控件，用户自然知道如何使用他们，并且在涉及到敏感信息和支付事宜的时候能够更信任你的 App。
在下面的例子中，我们可以看到两个平台上的差异其实是很小的，小到你在设计的时候可以忽略这些差异，用其中一种形式设计，但是不要忽略细节上的差异所带来的原生的感觉。使用你的 UI 库，并且在开发的早期和开发人员做好说明。
在同一个设计稿中同时呈现出原生 iOS 和 Android 的感觉也并非一件不可能的任务。尝试在设计之初就注意到这些差别，并且注意对控件的使用，并且在设计过程中和开发人员保持紧密的联系。
我希望这篇文章能够为你解答“在哪些方面将两个平台区别开”这个问题，但是你显然需要一些合适的工具或者模板来进行你的设计。这里有一些你可以用来开始你的设计的资源，我为你挑选出了一些最好的：
如果你想要知道更多，我在文章中讲到的很多东西在平台设计规范中都有提到。事实上，它们涉及到的东西相当广泛，我只是抽取除了几章重要内容并将这些差别展示给你们。但是如果你有更多更细节的问题，我建议你阅读下面的东西：
这些 UI 库能够帮助你剩下很多的防治和调整原生控件的时间。你可以从库中抽取出你要的部分并将它们用于你的 iOS 或 Android 设计稿中。
即使你要自己绘制 icon，或者是请专门的 icon 设计师帮你绘制，你也有可能用到它们（做你的占位符吧！）。icon 设计本身就是一件有分量的工作，如果你不想让 icon 设计占用你太多的工作时间，我推荐你使用这些我在 icon8 上看见的不错的 icon。在
上你能找到更多的通用 icon。
Mockup 在你想别人展示你的设计稿的时候是一项非常好用的工具。这些模型有好几种类别。当你要展示 Android 设计稿的时候，你要小心选择这些模型。我倾向于使用 Nexus，因为它是 Google 自己设计的手机，对于其他的厂商来说没有倾向性。
转载请注明： &
学UI就上学UI网！越努力，越幸运！
“学UI网 ”最值得关注的UI学习平台！ 每天发布高质量的设计教程和分享设计经验，服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课（），给大家提供更多免费学习的机会。想成为设计师的你快来关注吧！
【特色推荐】
海量APP截图，让你灵感爆发！国内最好的APP截图站。
“” 专为UI设计学习者打造的资源＋学习，双用途的网址导航站。亲爱的，你收藏了吗？
【学UI网 原创文章 投稿邮箱：，也可以找各个群的管理】
你可能喜欢的：