愤怒的大鸟 发表于 2015-1-18 11:43:09

IOS制作之iPhone和iPad Web开辟上手指南仓酷云

init指的是所有前面是init的方法比如UIView的初始化方法是-(id)initWithFrame:(CGRect)aRect在Objc里有很多这样关于函数命名的约定iPhone操纵体系上的Safari扫瞄器幸亏是一款优异的扫瞄器。跟桌面版的Safari4一样,它对CSS3及HTML5有优秀的撑持。别的它也供应多少一流的界面元素供即用,不外这些界面元素在iPhone和iPad之间偶然还存在不同。别的,因为iPhone操纵体系面世已很长一段工夫了,收集上有良多资本可供使用。
我懂得的年夜多半对iPhone操纵体系平台的会商都是环绕原生使用程序展开的。可是我们仍旧能够使用HTML,JavaScript和CSS打造相似原生使用程序的壮大使用。本文次要存眷网站制作和优化的三年夜阶段:计划,编程及测试。
在入手下手之前,我们先剖析下选用Web使用而非原生使用的一些优弱点。
Web使用绝对原生使用的长处:

[*]没有苹果考核流程的繁文缛节,思索到今朝服务条目争议仍在发酵中,这点特别主要。
[*]在不异的代码基本上,开辟职员针对Android和黑莓这类平台对Web使用的优化事情要简单的多。
[*]你不必学Objective-C。
[*]假如你向用户免费,你不必与苹果分享利润。
[*]你对付出体例,推行及内容分发具有百分之百的把持权,这大概也是弱点,详细取决你怎样对待。
Web使用绝对原生使用的弱点:

[*]不会在苹果使用商铺中上架。
[*]在设备上安装Web使用实践上有点辣手。
[*]没法利用iPhone操纵体系原生的一些特征,好比推送关照和GUI控件。
计划

该平台上的Web使用计划相似原生使用计划,因而你必要使用一些真正优异的工具。你不管是利用纸笔仍是桌面软件画线框图,本文内容都有所触及。
灵感

晓得苹果官网上有“Web使用”专题一栏的人还真未几,这里专门用来展现针对iPhone操纵体系优化了的网站。


<br>
苹果官网上的特征Web用使用
上面是其他一些展现优异挪动网页计划的中央。


[*]苹果官网上的Web使用列表
[*]MobileAwesomeness计划展现
[*]CSSiPhone计划展现
[*]WellPlacedPixels
[*]苹果使用商铺(只管这内里都是原生使用,但你仍可在这里寻觅一些视觉计划上的灵感。)
纸笔

纸上原型计划(PaperPrototyping)一向以来都是我画网站线框图的首选工具。下图中这个工具我最喜好的一个中央就是它供应了iPhone和iPad尺寸的直不雅感觉。要想乐成的为iPhone操纵体系优化Web使用,你必要做各项精简。我倡议你利用以下工具做线框图,坚持计划的繁复。


<br>
Notepod很合适将iPhone及iPad使用的含混创意画成草图。


[*]Notepod:iPad及iPhone素描本
[*]使用程序素描本
[*]PixelPads
[*]UIStencils上卖的iPhone便签
[*]可打印iPhone线框图模板(收费)
数字工具

一旦我们理清了计划中各要素的准确结构,我们就能够切换到电脑桌面,敲定细节。我团体很喜好利用OmniGraffle画线框图,但偶然间接用PhotoShop中也是能够的。不论如何,这些工具在做计划时都给了伟大的匡助。


<br>
Teehan+Lax供应的iPad图形用户界面PSD文件


[*]iPhoneGUIPSD3.0和iPadGUIPSD(Photoshop)
[*]Designer’sToolbox网站供应的分图层iPhoneGUI元素(Photoshop)
[*]SmashingMagazine网站供应的PSD矢量图形包(Photoshop)
[*]iPad及iPhone计划模板;更多计划模版见Graffletopia(OmniGraffle)
[*]iPhone及iPadGUI开辟工具包,计划模板和图标
意犹未尽?这篇文章别的排列了一些不错的计划工具。
编程

为iPhone操纵体系上的Safari构建代码时,开辟职员懂得扫瞄器的事情道理很主要。别的,iPhone和iPad扫瞄器资之间有渺小的差别,好比表单中的选项框事情体例。不外最为主要的是,Safari对CSS3和HTML5有优秀的撑持,以是你可使用一些只能在古代扫瞄器中运转的代码,而不必忧虑跨扫瞄器方面的兼容性。
进修材料

苹果iPhone操纵体系上的Safari扫瞄器为开辟者供应了十分不错的手艺文档,在我看来,苹果然正有一切所完善的中央是未对扫瞄器检测(browserdetection)及屏幕扭转(windoworientation)供应相干手艺文档撑持。若要懂得为safari扫瞄器编写代码的相干常识,读者可浏览上面排列的每篇内容。
iPhoneWeb使用的人机界面计划标准

该标准是对iPhone操纵体系上Safari事情体例方面很周全的一个概述总结。固然该标准没有供应详细的代码示例,可是因为供应了一些不错的计划倡议,很值得细心浏览一遍。
iPad人机界面计划标准

该计划文档在iPhone元素和iPad元素区分上做了十分不错的申明。因为该标准就iPad人机界面计划供应了十分不错的倡议,也值得细心浏览。
SafariWeb内容指南

该文档次要触及视口(viewport),主屏图标(webclipicons),Safari公有meta标签,事务处置(eventhandling)和其他一些内容。该文档也供应代码实例。在入手下手进修Web开辟之前,我倡议读者先从头至尾一字不拉的读上一遍。
针对iPad优化你的网站内容

这篇内容就怎样在iPad上测试你的网站供应了多少小技能,可是文中对扫瞄器检测方面的内容不如我设想的具体。
扫瞄器检测

戴维·沃尔什(DavidWalsh)在他博客上就iPad及iPhone上的扫瞄器检测办法供应了十分不错的示例。个中供应了PHP和JavaScript两种检测体例。
检测iPhone屏幕偏向

Nettuts上的iPhone开辟教程就怎样依据iPhone屏幕偏向供应分歧的CSS款式表给出了十分不错的示例。
检测iPad屏幕偏向
检测iPad屏幕偏向十分复杂。上面是所用代码(无需JavaScript剧本):
JQTOUCHMOBILE框架



<br>
只管iPhone上已有几款挪动设备开辟框架,但jQtouch却桂林一枝。jQtouch供应了统统所需工具,可以让你的挪动网站使用用起来像是原生使用。读者可会见官方网站,用iPhone体验下下面的Demo网站。
我在利用jQtouch开辟本人首个网站时,只要一个不满的中央:jQtouch却缺少相干的文档和教程。我不能不研讨Demo站点的代码才弄分明jQtouch的用法。上面这几篇jQtouch方面的内容对我供应了十分年夜的匡助。


[*]GoogleCode上的jQtouch维基
[*]《用HTML,CSS及JavaScript制造iPhone使用》第四章:动画效果
[*]《jQTouch进门》PDF幻灯片,PhilippBosch
测试

iPhone上的网站或Web使用开辟过程当中一个关头且有些辣手的中央就是测试。它比一样平常的用扫瞄器来测试网站要庞大一点,不外你纯熟利用几款工具的话可以让测试历程复杂很多。
LIVEVIEW



<br>
在使用的计划及初始编程阶段,Liveview是一款测试神器,它能够将桌面图象传输到你的iPhone上,便利实践的效果。在调剂文本字体巨细和视觉效果时十分有效,由于偶然光凭PhotoShop是很难反应实践效果的。
利用iPhone摹拟器

依我之见,今朝市情上还没有一款优异的iPhone大概iPad摹拟器。今朝的摹拟器都是华侈工夫的。最好是下载最新版本的开辟工具包(SDK),并利用苹果官方的iPhone操纵体系摹拟器,这款摹拟器天经地义的也撑持iPad。
设置SDK和当地测试情况必要泯灭很多工夫,比拟依附不靠谱的非官方摹拟器,这点工夫仍是值得的。自己写过一篇怎样设置当地测试情况的教程,值得一度。当地测试的一个优点就是速率很快,不必要毗连互联网。我尽力保举读者依此体例开辟,直至使用开辟终了,能够上线。
PhoneGap:一举两得的办理之道?

对Web开辟职员而言,PhoneGap可谓划定规矩倾覆者(game-changer)。假如你即想用HTML,CSS及JavaScript制造使用,可是也想程序能在当地运转,并在苹果使用商铺中上架,那末PhoneGap则是办理之道。这是一款开源开辟工具,它不但能够将你的代码编译成iPhone操纵体系上原生使用,并且它能够将代码编译成可以在Android,Palm,Symbian,WindowsMobile和黑莓设备上运转的程序。
PhoneGap也避开了比来苹果极具争议的服务条目中的3.3.1条目。换句话而言,利用PhoneGap编译的使用层序仍可失掉同意,能够在使用商铺上架。读者能够懂得下利用PhoneGap制造的使用程序清单,懂得相干情形。
感到有些头昏眼花了?

假如是的话,一些优异的服务可让你不必重新入手下手针对多个平台优化网站。这些服务在天真性上有所差别,可是一切这些服务都使用了相似所见即所得(WYSIWYG)的编纂器,匡助用户创立网站。依据你的Web使用及客户的分歧,上面这些服务中大概有合适你的。


<br>
假如你不想重新入手下手制造制造Web使用,那Mobify是一个不错的选择。


[*]Mobify(SmashingMagazine’s挪动站点利用的就是这个)
[*]Wapple
[*]Mofuse
[*]Mobi10
结论

当今是Web开辟职员的黄金年月,此前从没有一个桌面平台像iPhone操纵体系如许为我们带来了体现制造才能和开释创业精力的无穷大概,于此同时并遵守古代Web尺度。iPhone操纵体系今朝正在主宰挪动范畴,在这个平台上制造优异Web体验的一切统统工具已存在,可否充实使用完整取决于读者你!

我当时刚学iOS开发的时候一样的感觉总想知道原理内部怎么回事感觉在像在雾里但是iOS开发就是这样他是封闭的本身就是在雾里...

山那边是海 发表于 2015-1-21 07:48:15

近期由于IOS7的发布,所以应用的适配潮可谓是都搞的锣鼓喧天,甚是热闹,因此呢,因适配IOS7而产生的问题也是铺天盖地的卷来,

飘灵儿 发表于 2015-1-29 10:12:17

最后在做项目的时候一定要认真对待,毕竟这个直接和你的就业挂钩,这也是锻炼你实际操作的能力。

兰色精灵 发表于 2015-2-5 14:23:34

然而,在vmware软件环境下,安装Mac OS X操作系统也是一件非常复杂的事情,而且还有可能花费了大量时间,最后却跑不起来。笔者也是经过了大量的实践,

活着的死人 发表于 2015-2-9 04:31:33

在此,某不才愿将安装成功的Mac OS X系统的vmware虚拟机向有志学习iOS开发的各位学友们免费开放出来,经测试,可以在WindowsXP/Win7系统上完美运行,即便你的机器只有2GB内存。

若天明 发表于 2015-2-26 22:16:15

iPhone文件系统NSFileManager讲解是本文要介绍的内容,主要是通过iphone文件系统来学习NSFileManager的使用方法,具体内容来看本文详解。

第二个灵魂 发表于 2015-3-1 20:32:38

其次学习方法和学习心态很重要,在学习当中应该保持一颗良好的心态。应该借鉴别人好的学习方法,大家互相帮助,取长补短。

admin 发表于 2015-3-1 21:10:34

最后在做项目的时候一定要认真对待,毕竟这个直接和你的就业挂钩,这也是锻炼你实际操作的能力。

爱飞 发表于 2015-3-7 05:53:48

iPhone文件系统NSFileManager讲解是本文要介绍的内容,主要是通过iphone文件系统来学习NSFileManager的使用方法,具体内容来看本文详解。

透明 发表于 2015-3-13 04:34:04

首先是基础,在汉昌的课程非常全面。从object—c到最后的毕业项目,基本上方方面面都涉及到了,我是一名非计算机专业的学生,起初学习还有点吃力,因为基础知识薄弱。经常像听天书

柔情似水 发表于 2015-3-20 05:37:24

从C语言入门,因为IOS开发用的是OC语言,是在C基础上的,不过也跟C不是很搭界,你可以直接学习OC语言也可以,

若相依 发表于 2015-4-2 01:16:18

重要的是,放眼全球也的确找不到第二个如苹果iOS平台这样健壮、完整、先进而且为开发者带来真实收益的开发平台来。

小魔女 发表于 2015-4-19 21:08:43

看《iPhone 4与iPad开发基础教程》,跟着一步步来

简单生活 发表于 2015-5-4 02:52:19

看完这个你就可以有多种选择来踏入做应用的阶段

冷月葬花魂 发表于 2015-5-5 19:27:41

有办法利用自己手头的电脑立刻开始这个美妙旅程的。

小妖女 发表于 2015-5-6 08:10:53

培训时可以选择安卓,iOS,Java,因为实习的时候我选了安卓,当时实习时间只有三周,学的晕头转向,而java我也没学过,iOS的基础是C语言,这个大学里还是学过的,于是选择了iOS。

分手快乐 发表于 2015-5-6 22:11:39

培训时可以选择安卓,iOS,Java,因为实习的时候我选了安卓,当时实习时间只有三周,学的晕头转向,而java我也没学过,iOS的基础是C语言,这个大学里还是学过的,于是选择了iOS。

灵魂腐蚀 发表于 2015-5-9 12:36:04

众多研发人员积极参与到iOS平台的开发中来也就不足为奇了。

深爱那片海 发表于 2015-6-9 18:36:50

看《iPhone 4与iPad开发基础教程》,跟着一步步来

变相怪杰 发表于 2015-6-27 19:35:27

从C语言入门,因为IOS开发用的是OC语言,是在C基础上的,不过也跟C不是很搭界,你可以直接学习OC语言也可以,
页: [1] 2
查看完整版本: IOS制作之iPhone和iPad Web开辟上手指南仓酷云