iOS AppIcon And LanchImage Setting

iOS AppIcon And LaunchImage Setting

本篇文章將介紹在Xcode 5.02中如何設定AppIcon及LaunchImage.

首先，什麼是AppIcon呢？

AppIcon就是裝置的選單頁所顯示的系統圖示(Icon)，如下圖所示

接下來我們將告訴大家如何在Xcode的專案中進行設定.

首先，在專案中點擊Images.xcassets，接著到右側選單點擊AppIcon，就可以出現向下圖的設定頁面.

在設定頁面中，我們看到總共有三個區塊可以供我們設定，我們必須提供在不同iOS的版本及不同螢幕解析度的設備能正確顯示的Icon.

而以上三個欄位所需要的圖檔解析度如下：

1. 左：58 x 58 (pixel)

2. 中：80 x 80 (pixel)

3. 右：120 x 120 (pixel)

我們只需要產生出相對應解析度的圖檔即可成功設定，切記！解析度必須完全相圖，如果有一點不同，系統會跳出提示訊息並且沒辦法正常使用喔！

在這邊小編也同時附上實用的線上轉換工具提供給各位看倌.

http://makeappicon.com/

在這網頁中只需一指神功即可產生出所有相對應解析度的Icon，非常簡便.

現在您只需要將電腦中的Icon圖檔拖拉進下方左圖畫面中間，就會自動進行上傳，並於稍後就將您的圖檔轉換完成並顯示於右側的畫面中囉.

在這邊我們需要的是Icon-Small@2x.png,Icon-40@2x.png,Icon-60@2x.png的這三個圖檔，只要在圖示上方點擊右鍵選擇下載就可以囉！

接著依序將上方的三個檔案拖入剛剛的圖式設定頁面就大功告成啦！

接下來的第二部分我們將提到有關於LaunchImage的部分.

什麼是LaunchImage呢？

LaunchImage就是APP程式啟動時第一個顯示的畫面，如果沒有設定的話，系統預設是黑屏，我想這是使用者最不願意見到的畫面吧，因此當我們在設計頁面時不要忘了請設計師設計這個頁面喔！

在設定的部分和設定AppIcon一樣，只不過我們這次要點擊的項目是LaunchImage

這裡我們會發現和AppIcon一樣，我們也要提供兩中不同解析度的圖檔來進行設定，分別為：

1. 左：640(寬) x 960(高)

2. 右：640(寬) x 1136(高)

在這邊小編也有另一個小工具可以提供給各位看倌，讓您的圖檔想怎麼變形就怎麼變形，完全不需要再請設計師幫忙調整喔．

http://pixlr.com/editor/

點擊進入線上編輯頁面後，可以依您的需求將檔案上傳上去進行編輯.

接著點擊左上角的功能列，選擇圖像尺寸

並且於下圖中設定我們需要的寬度及高度，點擊確認後就能產生出我們需要的圖檔啦

接著點擊左上方的文件，選擇保存

依序的設定好檔名及保存位置

最後只要將圖檔拉進Xcode中，就可以完成我們的設定啦．

下面將以影片來展示，已設定LaunchImage(第一段)及未設定LaunchImage(第二段)的差別

iOS 鎖定頁面翻轉(Lock The Orientation of ViewController)

鎖定頁面翻轉(Lock The Orientation of ViewController)

首先，我們先來簡單介紹一下什麼是頁面翻轉，頁面翻轉主要是透過手機內部的感應器進行偵測，也因此當我們在開發手機應用時，就必須留意是否要開放頁面翻轉的功能供使用者使用。

在Xcode中，我們可以透過專案的設定進行頁面翻轉的設定，如下圖所示：

在圖片的中間部份我們可以看到"Device Orientation"有四個選項，可分別對應到下圖的示意圖中。

但，這邊筆者需特別提醒各位看倌，這是"專案設定"，因此，設定將會影響到所有的頁面！

在這次專案開發的過程中，筆者就遇到了一個問題，如果我的第一個頁面不想讓頁面旋轉，但是第二個頁面卻又需要使用旋轉的功能呢？偏偏在ViewController又不能獨立設定頁面的翻轉，於是…經由神通廣大的Google大神身上找到了解法。

而接下來，也是本文的重點啦，如何獨立設定各個頁面可翻轉的功能呢？

首先，在專案設定中，先將專案設定為允許所有的頁面都可翻轉，可參照剛剛頁面翻轉的設定圖，進行設定。

接著，在ViewController中的@implementation後面加上這個function

- (NSUInteger)supportedInterfaceOrientations
{
    return 頁面翻轉屬性設定;
}

然後由下列的參數中選擇需要的參數填入return值的<頁面翻轉屬性設定>中就可以只針對該畫面進行頁面翻轉設定的功能囉。

1. UIInterfaceOrientationMaskAll：允許全部的頁面翻轉功能。
2. UIInterfaceOrientationMaskAllButUpsideDown：允許全部的翻轉除了UpsideDown以外。
3. UIInterfaceOrientationMaskLandscape：僅允許頁面左右翻轉。
4. UIInterfaceOrientationMaskLandscapeLeft：僅允許Landscape left翻轉。
5. UIInterfaceOrientationMaskLandscapeRight：僅允許Landscape Right翻轉。
6. UIInterfaceOrientationMaskPortrait：僅允許Portrait。
7. UIInterfaceOrientationMaskPortraitUpsideDown：僅允許UpsideDown

單一屬性範例：允許所有的頁面翻轉功能。

- (NSUInteger)supportedInterfaceOrientations
{
    return UIInterfaceOrientationMaskAll;
}

多重屬性範例：只允許Portrait及UpsideDown的這兩種模式，如果還需要增加其他屬性用加號連接即可。

- (NSUInteger)supportedInterfaceOrientations
{
    return UIInterfaceOrientationMaskPortrait+
    UIInterfaceOrientationMaskPortraitUpsideDown;
}

iOS Xcode Customize Theme Setting

新增自訂的佈景主題(Theme)

在上一篇文章中，我們提到了文字編輯視窗的字型及字體調整，雖然字體變大了，但是身為工程螢幕的背景太亮還是不大舒服，所以今天就讓我們來讓Xcode變的更漂亮些吧。

首先，讓我們先到網路上找找好心人提供的佈景主題(*.dvtcolortheme檔)吧！

以下連結僅是範例，各位看倌可以自行到Google找找適合自己的佈景主題

http://michaelmangold.com/xcode-themes/

點擊上方網頁後，找到順眼的佈景主題就二話不說的下載下來吧。

切記！Xcode的佈景主題的副檔名是.dvtcolortheme喔！

那接下來我們就將下載下來的佈景主題應用到Xcode上面吧。

首先，因為xCode不支援直接安裝佈景主題的功能，所以我們必須先手動將.dvtcolortheme放到相對應的位址才能讓Xcode取得設定檔喔！

我們可以利用"Finder"右上方的搜尋列輸入"Xcode"查找資料夾的位址，如下圖：

找到"Xcode"的資料夾並點擊進入，如下圖：

找到"UserData"的資料夾並點擊進入，如下圖：

找到"FontAndColorThemes"的資料夾並點擊進入，如果各位看倌是第一次使用的話，必須自己建立一個相同名稱的資料夾喔！進入後的畫面如下圖：

進入"FondAndColorThemes"的資料夾後，就可以將剛剛自己找到的.dvtcolortheme檔拖放到資料夾內囉。

接著將你的Xcode關掉重開，就能在"Xcode->Preference..."的視窗內看到囉，如下圖左側列表所示：

簡單的幾個步驟就輕鬆完成啦，這樣的文字編輯視窗是不是讓你的眼睛舒服多了呢

iOS Xcode 字型及字體大小設定

修改xCode的字型及大小

首先將你的滑鼠移到視窗的左上角，並選擇"Perferences..."。

進入後你可以看到左側是你現在使用的佈景主題(Theme)，右側是各項文字顯示的設定。

接著將滑鼠移到右側的文字顯示設定，並使用快速鍵"Command+A"全選。 

文字顯示的窗格下方有一個"Font"的設定欄，點擊欄位的右側"T"的按鈕，就會出現如下圖所示的視窗，在這個視窗內你就可以將xCode內的文字進行字型及文字大小的設定了。