wanchong998 发表于 2013-1-28 19:04:00

iPad 和 iPhone Simulator Mac.OS.X.Leopard

这两天玩了玩
XP 系统 通过vmware 装个 Mac.OS.X.Leopard系统。
然后 在下个 iphone 的 SDK
装起来 很卡很卡。。但是 很兴奋
所以 下面是网上的 解说。
拿来分享

首先,默认安装好 SDK 之后,iPhone Simulator 可以在 /Developer/Platforms/iPhoneSimulator.platform/Developer/Applications/iPhone Simulator.app 这个地方找到。没错,的确就是 iPhone Simulator,不是 iPad Simulator。我们双击启动它。
http://images.weiphone.com/attachments/Day_100128/68_378224_ff62670ed3e5e99.png

没错,我们现在得到的依然是一个 iPhone 的 Simulator,但是不用担心,我们只需要点击 Hardware -> Device -> iPad 就可以切换到 iPad 模式了。
http://images.weiphone.com/attachments/Day_100128/68_378224_acc4d8a1be98aa4.png

如下图,这就是我们的 iPad Simulator 启动之后的界面了。这张图是 Portrait 模式下的,并且由于我屏幕大小的关系,它只能按照 50% 的比例显示出来。
http://images.weiphone.com/attachments/Day_100128/68_378224_478fa83b58c6387.png

同时,我们可以在 Hardware -> Version 里可以看到,iPad 使用的系统是 iPhone OS 3.2 (7B298g),呵呵,不知道什么时候 iPhone 上的系统也可以升级呢?(当然了,分辨率不同,UI 肯定不一样了~)
http://images.weiphone.com/attachments/Day_100128/68_378224_9d3828078f154bc.png

让我们来看看这个版本的系统,在这个模拟器里面,都有哪些组件:

1、Spotlight:
http://images.weiphone.com/attachments/Day_100128/68_378224_52473c5f5230695.png

2、Settings:
http://images.weiphone.com/attachments/Day_100128/68_378224_eabc696e43914cc.png

3、 Contacts:
http://images.weiphone.com/attachments/Day_100128/68_378224_e6b28f5e3d05688.png

再让我们看看 Landscape 下的效果,点击 Hardware -> Rotate Left,或者使用快捷键 Command - Left 可以切换到横屏模式:
http://images.weiphone.com/attachments/Day_100128/68_378224_2d355e02261ba67.png

下面再来看看横屏下都是如何显示的(由于屏幕大小等原因,标题栏被切掉了一点,请各位莫怪):

1、Spotlight,在 Landscape 下自动会打开键盘:
http://images.weiphone.com/attachments/Day_100128/68_378224_bca83fb53f56df6.png

2、点击键盘右下角的图标,键盘可以暂时隐藏掉:
http://images.weiphone.com/attachments/Day_100128/68_378224_fc51e715343911d.png

3、Landscape 状态的第一屏
http://images.weiphone.com/attachments/Day_100128/68_378224_f64dc5b30b60f9d.png

4、第二屏,与想象的一样,和 Portrait 相比只是方向和背景图片稍有不同
http://images.weiphone.com/attachments/Day_100128/68_378224_50822803322b5bf.png

我们回到 Portrait 模式,开始看一下相关的界面。

首先是设置部分,这个版本的 Simulator 里的选项不多,但相信真机里的肯定有不少的。设置页面的 UI 已经重新设计了,个人感觉比较好用的。

第一张图是设置的主界面:
http://images.weiphone.com/attachments/Day_100128/68_378224_fa6001b912e7fcd.png

接下来是 About 页面。(Ummm。。。这个 Capacity 当然不是说真机有这么大容量啦。。这是我硬盘的容量。。)
http://images.weiphone.com/attachments/Day_100128/68_378224_729a1ae26d28b5a.png

Keyboard 选项,和 iPhone 相比变化不大:
http://images.weiphone.com/attachments/Day_100128/68_378224_f24fa90c446210d.png

默认只有英文键盘:
http://images.weiphone.com/attachments/Day_100128/68_378224_29fb95838189cf1.png

目前共可以使用 12 种输入语言,很欣慰的有中文。
http://images.weiphone.com/attachments/Day_100128/68_378224_6172be853f569d6.png

选择好了之后会更新到这里来:
http://images.weiphone.com/attachments/Day_100128/68_378224_975f23b0d4618f9.png

下面是 Contacts。这个组件的 UI 也是完全重新设计了,由于屏幕分辨率提高了,可以利用的空间变大了,所以这个界面显得非常好看。

全新的 Simulator 里面没有任何 Contact,这里的列表是空的:
http://images.weiphone.com/attachments/Day_100128/68_378224_277af6271963a47.png

我们新建一个 Contact 吧。点击加号按钮之后,可以进入 New Contact 的页面,像打开一本书一样的界面很是优美。我们点击一下图片,看看发现了什么?哈,说不定下一代产品,甚至上市的时候,就有可能有摄像头哦!
http://images.weiphone.com/attachments/Day_100128/68_378224_052f01519bf1996.png

这是手写输入的页面了(鼠标画的字。。很丑。。),可惜好像暂时还没法使用…
http://images.weiphone.com/attachments/Day_100128/68_378224_5ffa2b822bbbce2.png

没办法,我们点击小地球切换到拼音输入吧:
http://images.weiphone.com/attachments/Day_100128/68_378224_3c9beb05a2b9408.png

Oops。。。拼音也暂时没法用,好吧,直接英文输入得了:
http://images.weiphone.com/attachments/Day_100128/68_378224_c944bfc419351bc.png

点击右上角的 Done 按钮,这名 Contact 就存下来了:
http://images.weiphone.com/attachments/Day_100128/68_378224_5238ce4a458c017.png

如果需要删除此 Contact,和 iPhone 一样,也要先点到编辑状态,然后才能删除。在这个 Simulator 里,我没有找到和删除别的条目一样的快捷删除方法(一划一点),小鄙视一个。。(恩,也许是为了防止误删吧~)
http://images.weiphone.com/attachments/Day_100128/68_378224_15859f7d5b82a47.png

(忘了给大家看看 Landscape 下的模样了,好吧,我再新建回来刚才的 Contact……画圈圈。。。)恩,看看 Landscape 是不是更像一本书,一本真正的名片夹了~
http://images.weiphone.com/attachments/Day_100128/68_378224_c06034c25c38d62.png

恩,再小试一下搜索,给大家看看搜索界面以及清楚的带有地球图标的键盘:
http://images.weiphone.com/attachments/Day_100128/68_378224_a93d9359ad812bc.png

其实吧,我对 Xcode 挺不熟悉的,不过为了让大家更好的了解,我还是试着做一个小东西给大家看一下吧:

在 Xcode 的 New Project 窗口,我们可以发现,依然只有 iPhone OS 和 Mac OS X 两个大类,但是仔细看看可以发现,iPhone 分类里面出现了一个新种类的 Project ── Split View-based Application,这个种类只可用在 iPad 上,那我首先就以这个类型的工程做个测试吧~当然了,除了这种类型,别的类型也有专门给 iPhone 的和 可选 iPhone 或 iPad 的。当然了,这个也不用担心,反正 iPhone 软件也可以 Seamless 的用在 iPad 上的嘛~
http://images.weiphone.com/attachments/Day_100128/68_378224_98a4e5e3b18b100.png
创建了 New Project 之后,我们直接点 Build and Run(嘿嘿~版权信息当然是要改一下的啦~),看看这种类型的工程是什么界面:

Portrait:
http://images.weiphone.com/attachments/Day_100128/68_378224_e3e2d9843c28741.png

Landscape:
http://images.weiphone.com/attachments/Day_100128/68_378224_b45b867eba9ab32.png

看完了专为 iPad 设计的程序,也看看传统程序是如何运行的。这回我新建了一个 iPhone 的 Window-based Application,然后随便拽了几个 Object 进来看看效果,没有做屏幕的自动旋转~

首先要注意的是,Active SDK 和 Active Executable 要选对,否则程序是无法正常运行在 Simulator 上的:
http://images.weiphone.com/attachments/Day_100128/68_378224_b198d2fccfb06ca.png

编辑好界面 Object 之后,点击 Build and Run 启动这个程序,我们可以看到默认显示为 Portrait 居中模式:
http://images.weiphone.com/attachments/Day_100128/68_378224_01cfd19ca9df59a.png

点击右下角的 2X 按钮,可以切换到全屏模式:
http://images.weiphone.com/attachments/Day_100128/68_378224_64f92e6eade03a2.png

旋转成 Landscape:
http://images.weiphone.com/attachments/Day_100128/68_378224_257de119342d003.png

Landscape 2X:
http://images.weiphone.com/attachments/Day_100128/68_378224_5ff73596b027343.png

Landscape下没有自动旋转,是因为我随手写的测试程序本身就不支持自动旋转。给各位朋友看这个图,只是想让大家看一下放大之后的显示效果。当然了,我也不清楚实体机上的显示效果如何,但 Simulator 上的效果还是令我满意的。恩,再提醒一下,Portrait 显示模式是 50% 真机大小的,Landscape 是 100%,但是标题栏被切掉一点的,所以大家对清晰度的参考,应该注意看 Landscape 的截图,并且记得点击之后在新窗口打开没有被压缩过的图。

写了两个小时的文章,总算到了尾声,最后给大家一个小小的 Trick 吧,就是 iPad Simulator 中也可以模拟出一个正在通话的标记,就像 iPhone 上正在打电话一样:

点这里可以打开它:
http://images.weiphone.com/attachments/Day_100128/68_378224_15f5c84c5272415.png

Portrait:
http://images.weiphone.com/attachments/Day_100128/68_378224_c2c368dd669d46f.png

Landscape:
http://images.weiphone.com/attachments/Day_100128/68_378224_f0f2156b6f75c4b.png


http://images.weiphone.com/attachments/Day_100128/68_378224_043348bc8d2f2c7.png
页: [1]
查看完整版本: iPad 和 iPhone Simulator Mac.OS.X.Leopard