首页 > 【Three20研究院之应用开发】 > Three20研究院之构建开发环境与HelloWorld(一)
2012
05-01

Three20研究院之构建开发环境与HelloWorld(一)

亲爱的朋友们,如果你现在在做IOS 软件开发,不妨来看看Three20这套框架。如果你对它还比较陌生?MOMO在这里告诉你它绝对是一个IOS 软件开发的利器,有了它绝对让你的软件事半功倍。three20框架的前身是facebook  iPhone 客户端。 后来facebook将其开源了,就有了three20这个框架。据说开发这套引擎的这个程序大牛 facebook为了挖他直接把他所在的公司买下来了,我心里就琢磨这人也太牛了吧。做了一个客户端 开源后直接就变成流行引擎了。真的是让我辈望尘莫及啊~~ 哈哈 废话不多说了我们进入正题。



在Xcode4上构建three20框架

首先进入Three20官网去下载最新版本


进入官网后,如下图所示点击Download下载最新版本,目前最新版本为1.0.6.2。
Three20研究院之构建开发环境与HelloWorld(一) - 雨松MOMO程序研究院 - 1
下载完毕后解压缩,由于Three20目前别说国内的资料少了,国外的资料都不多。不过开发包中附带了几个Demo,MOMO 先在这里赞一下!这两天我就是靠这几个Demo来学习的。Demo的路径在下载包samples 文件夹中,一共9个Demo,建议想用Three20框架开发的盆友们 一定要好好读一读这几个Demo,比去网上找资料强多了! 

大家看看官网的说明, 如何在Xcode4上添加Three20框架。我懒得翻译了~~

Xcode 4 Transition Guide

Apple is aiming for Xcode 4 to be the primary iOS development environment and, as a result, many will need to transition from Xcode 3.2 to Xcode 4. This guide has been put together in order to help you migrate your apps to Xcode 4 successfully.

What you need to do

For existing projects

If you want to start using Xcode 4 with an existing project made using Xcode 3.2.#, all you need to do to update your project is run ttmodule again like so:

重点在这里,先创建好一个普通的IOS 工程,打开mac电脑的终端去执行下面这段python 脚本
three20/sre/scripts/ttmodule.py : 须要执行的脚本文件
path/to/your/project.xcodeproj  :  IOS 工程路径
这里强调一下,不要使用cd  到scripts路径下在去执行这段脚本,因为这样的话有时候会提示无效的命令,所以大家还是老老实实去输入自己的完整路径吧。 

 

python脚本执行完毕后,就应该环境就搭建完毕了 ,快快打开工程检查一下,如下图所示,安装成功后打开工程后在Frameworks中会出现很多Three20的相关的东西。 如果到这一步还是没有出现这些Frameworks文件,那么请仔细阅读上面的博文检查一下自己的步骤。

Three20研究院之构建开发环境与HelloWorld(一) - 雨松MOMO程序研究院 - 2

到这一步就彻底安装成功了,下面开始构建我们第一个项目HelloWorld。

 

 

学过IOS开发的朋友绝对不会陌生,在项目中须要使用Three20库的时候须要import一下~

#import <Three20/Three20.h> 

URL 简直就是three20 亮点中的亮点,实在是太好用了。有可能是因为facebook是互联网公司的原因吧,他们的引擎的原理都很像www.xx.com 这种网址的结构,因为手机不像PC 不可能同时显示多个页面,那么用URL这种方式去切换界面实在是太给力了~会省下很多逻辑判断切换界面的代码,直接去维护这个URL 就可以,由于本章主要是构建Three20框架,所以MOMO在这里只带大家学习入门的知识, 后期我肯定会详细的介绍TTURLMap 这个类,因为它实在是太好用了,哇咔咔.

举个例子
tt://Myview/1

tt://Myview/2

上面是两个软件界面,实现界面的切换的方法就好比我们在浏览器中输入网址一样,输入网址1 就进1 输入网址2 就进 2,一切事件的处理three20 都帮我们做了。

由于在程序入口中就将URL 指向这里 ,所以在这里添加显示view等等。

 

到这一步,这个简单的HelloWorld程序就写完了,我们发现以前我们用到的高级界面的类基本上Three20都写了新的方法去继承,实现更佳好的效果,将麻烦的地方由引擎自身帮我们完成。看一下效果图。我添加特殊的风格View 显示text 支持html语言 可以在程序中随意添加网页链接、 

 

 

Three20研究院之构建开发环境与HelloWorld(一) - 雨松MOMO程序研究院 - 3

Three20研究院之构建开发环境与HelloWorld(一) - 雨松MOMO程序研究院 - 4

 

下面MOMO在贴一段官方提供的Demo中的一段代码,主要是用来设置View风格. 官方一共提供了19种view风格,代码中使用循环将这19中view 依次显示在界面中,绝对够我们开发IOS应用程序啦 哈哈~~所以说官方提供的DEMO 大家一定要好好阅读喔 哇咔咔~~

Three20研究院之构建开发环境与HelloWorld(一) - 雨松MOMO程序研究院 - 5

 

Three20研究院之构建开发环境与HelloWorld(一) - 雨松MOMO程序研究院 - 6

最后欢迎各位盆友可以和MOMO一起讨论Three20软件开发,这两天学Three20学的实在是太爽了~~如果你觉得看得不清楚,MOMO附带上本章的源码下载,希望大家可以一起学习 哈哈~。哇咔咔~ MOMO愿和 大家好好学习,大家一起进步哈~!!!



(下载后必需搭建three20环境成功后才能运行~ 因为three20为引用加载,所以程序路径都是我本机的请见谅!)

 

最后编辑:
作者:雨松MOMO
专注移动互联网,Unity3D游戏开发
捐 赠写博客不易,如果您想请我喝一杯星巴克的话?就进来看吧!

Three20研究院之构建开发环境与HelloWorld(一)》有 8 条评论

  1. 陈家宏 说:

    哈哈~~~不错啊~~~我刚学习IOS不久~~~最近也在学习320~~~先看看你的博文再去看DEMO~~看博文比看demo舒服多了

  2. 捕疯汉子 说:

    “官方提供的Demo中的一段代码”中156行开始的 scrollView.width 是不是错啦?应该是scrollView.frame.size.width 吧?

  3. ZTX 说:

    请问,听说320不是有privateAPI吗? 可以上appStore吗?

  4. 青青子衿 说:

    学习了。

留下一个回复

你的email不会被公开。