這篇是很基礎的教學
希望是可以讓一些,想入門卻又不知道從何學起的人。
不想去上一些貴桑桑的課程,先看一下這篇吧。
iOS 相對於Android 算是好寫很多了。
想寫iPhone的App先具備以下環境
1.Mac (你需要一台Mac,這邊建議有心的話一台Mac是真的有需要的)
2.iPhone,iPod,iPad (有一台就可以了,當然沒有也沒關係,一開始用模擬器也是很有成就感的)
3.iTunes帳號(主要為下載Xcode開發工具)
首先開啟Mac 的App Store
會看到
在右上角的搜尋欄打上Xcode
搜尋到後點選安裝
因為Xcode滿大的所以放著等他下載完成吧~
下載完後會在
看到Xcode的圖示,點選下去就可以開始我們的Hello World摟~
左邊三個icon
1.Get started with a playground
開發iOS有兩種語言(Object-C/Swift) playground是Swift遊樂場?是可以快速開發,並且立即看到成效的。
2.Create a new Xcode project
建立新的Project(我們選這個)
3.Check out an existing project
這個選項是給已經有版本控管的專案用的
點選2.Create a new Xcode project 後我們會看到以下畫面
選擇Single View Application(單一畫面應用程式,因為我們現在只需要做Hello World)
本篇使用Objective-C (因為Swift還沒那麼厲害...
在iPhone/iPod/iPad 實機開發上面要注意的是 Bundle Identifier 這個要跟你iOS Developer 上面的要一致唷,不然會無法Run 實機。
按下Next會要選擇你專案存放的路徑
按下Create
終於可以開始Hello World了
先看到左方的檔案區
Objective-C程式語言的特色就是它一支程式會變成兩個檔案分別是.h與.m檔
我們程式主要都會在.m檔內開發,.h檔是header檔,主要是宣告一些public的參數,讓其他程式可以使用的,可以傳進來也可以丟出去的參數
然後再來看一下檔案區的程式
會看到(這裡只介紹目前需要用到的,不然講下去沒完沒了啊~)
AppDelegate 可以說是程式的最大的代理人,可以設定程式開啟,關閉需要做什麼事情的地方
ViewController 就是我們主要程式要寫的地方唷~
Main.storyboard 點他一下會看到以下畫面(畫面若不一樣,可以點選紅色框框的按鈕唷)
這裡的View Controller Sence 就是對應到我們的ViewController 這隻程式唷。
接下來就要開始我們的Hello World唷
方法1.使用StoryBoard 故事版
我們在Main.storyboard右下角的搜尋框內輸入UILabel
按住 Label 不放 拖曳到畫面ViewController上
這時候可以點畫面上的Label兩下編輯文字改成Hello World。
這時候點選箭頭
這邊使用iPhone 6的模擬器 ,若要更換可以點一下,會出現可以更換的模擬器
這時候會出現
與
我們的Hello World 就完成了。
但應該會有以下問題
問題
1.為什麼他不在正中間?
若想要他在正中間,點選下圖紅色框內
將最後兩項打勾
1.Horizontal Conter in Container
2.Vertical Center in Container
分別為水平與垂直置中設定這時候在按下箭頭
就可以看到他是置中的了。
2.完全沒有程式?
程式部分storyboard會自己產生,所以用storyboard可以少寫很多程式碼
缺點是有些客製化或是動畫storyboard是做不到的唷。
以前storyboard再針對iPhone 和 iPad 必須要分成2個storyboard 現在有下面這種方法就不再需要了
有人主張用storyboard那也就會有人主張全部程式coding
方法2.使用程式碼
點到ViewControll.m 這隻程式
看到
-(void)viewDidLoad
{
[superviewDidLoad];
}
再大括弧{內增加以下程式碼
UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(0, 200, 200, 40)];
這裡是初始化UILabel,並且設定他的框(Frame)(x座標, y座標, 寬, 長)
此處的(x,y)的(0,0)是在螢幕的左上角唷。
label.text = @"Hello World";
設定label內的文字為Hello World,
Objective-C 用 @"文字" 代表一個字串
也可以用
[NSString stringWithFormat:@"Hello World"] 表示
最後加上
[self.view addSubview:label];
把label 加到主畫面上就可以了
這時按下箭頭
就可以看到多了一個Hello World
這邊方法2使用Coding方式就完成了唷。
還有
方法3.結合方法1與方法2
一般來說最常會使用這種方法吧。
這次一樣按照方法1拉一個UILabel 到畫面上,不要與1重疊唷
接下來開啟ViewController.h檔案
在@end前增加以下程式碼
@property (nonatomic,weak) IBOutlet UILabel *label3;
在開啟ViewController.m檔案
在@implementation ViewController
留言列表