<![CDATA[A.PAO designSTUDIO BLOG]]>

<![CDATA[A.PAO designSTUDIO BLOG]]> https://blog.apao.idv.tw/index.php zh-tw https://blog.apao.idv.tw/post/1045/ <![CDATA[Xcode6 StoryBoard UI零件定位 Constraints]]> apao <apao@www.apao.idv.tw> Sat, 29 Nov 2014 06:02:14 +0000 https://blog.apao.idv.tw/post/1045/ File > New > Project
iOS > Application > Single View Application

Product Name: Constraints
Language:Swift

Simulated Metrics >
Size: iPhone4-inch

物件庫中選擇 UI Label 拖至View Controller上

Label> Font:更改大小

Label > Color:更改顏色

Add New Algnment Constraints
> Horizontal center in Container

Resolve Auto Layout Issues
> update Frames

Show the Size inspector

Align Center Y to: 「Edit」
≦40

Resolve Auto Layout Issues
> update Frames

Show iOS Simulator

Tags - xcode6 , storyboard , ui零件定位 , constraints , 設定 ]]> https://blog.apao.idv.tw/post/1041/ <![CDATA[Xcode6 建立 .xib LunchImage 啟動畫面]]> apao <apao@www.apao.idv.tw> Mon, 24 Nov 2014 14:42:31 +0000 https://blog.apao.idv.tw/post/1041/
> New Project
> Single View Application

> Projec tName: LunchImage01
> 確認 Identity
> 確認 Deployment Info
> 確認 App Icons and Lunch Images

確認一樣內容。

確認 LaunchScreen.xib
> View

刪除 L x2個中的文字區塊
刪除Constraints
插入 Image View

拖放要使用的Image
Default-568h@2x.png
Default@2x.png

Default-568h@2x.png (iPhone 5 4" display 640 x 1136 pixels)
Default@2x.png (iPhone 4S 3.5" display 640 x 960 pixels)

iOS 8 為
https://developer.apple.com/library/ios/documentation/userexperience/conceptual/mobilehig/LaunchImages.html#//apple_ref/doc/uid/TP40006556-CH22-SW1

settings_launch_2x.png
weather_launch_2x.png

For iPhone 6:

750 x 1334 (@2x) for portrait
1334 x 750 (@2x) for landscape
For iPhone 6 Plus:

1242 x 2208 (@3x) for portrait
2208 x 1242 (@3x) for landscape

Image View 設定

確保 image 四邊與手機四邊貼緊
也不容易出現移位或空白
Add New Constraints

按下Run 在 Simulator中測試

Tags - xcode6 , 建立 , .xib , lunchimage , 啟動畫面 ]]> https://blog.apao.idv.tw/post/1040/ <![CDATA[Xcode6 StoryBoard的使用法畫面移動轉場效果]]> apao <apao@www.apao.idv.tw> Sat, 22 Nov 2014 08:41:01 +0000 https://blog.apao.idv.tw/post/1040/
Step01 View Controller 上加 Button

View Controller Scene
>至 Lab中拉出>Button
>放至 View Controller 中

>模擬器中測試
>按 Command+R
>成功的話如以下畫面

Step02 加上Navigation Controller

>至 Lab中拉出
>Navigation Controller
>如以下畫面

>滑鼠左健按按鈕+Ctrl
>拉線至Navigation Controller
>按下modal

>模擬器中測試
>按 Command+R
>成功的話如以下畫面

Step03 加入UIView Controller

>刪除Navigation Controller
>加入View Controller
>按左健連接新的View Controller

>Seque: Modal
>Transition的效果還有
>Cover Vertical
>Flip Horizontal
>Cross Dissolve
>Partial Curl

畫面移動的ICON

Tags - xcode6 , storyboard的使用法 , 畫面移動 , 轉場效果 ]]> https://blog.apao.idv.tw/post/1039/ <![CDATA[Xcode6 建立 Project App ICON]]> apao <apao@www.apao.idv.tw> Fri, 21 Nov 2014 05:01:59 +0000 https://blog.apao.idv.tw/post/1039/ 開啟 Xcode
>File >New >Project
>Single View Application

>Product Name: <英文開頭>
>Organization Name: <英文開頭>
>Organization Identifier:tw
>Laneuage: 二選一
>Devices:iPhone
>NEXT

>Project Folder<剛剛定的Product Name>
>TARGETS
>App Icon and Launch Image
>App Icon Source
>AppIcon >選項右邊箭頭

>Images.xcassets
>AppIcon
>AppIcon

>將做好各尺寸的ICON拖拉放入ICON位置

>按下▶
檢視 iOS Simulator 桌面出現放進去的 ICON

>需要製作更多對應版本的話
>AppIcon按右鍵
>根據文件內尺寸製作相對的Iocn

Tags - xcode6 , 建立 , project , app , icon ]]> https://blog.apao.idv.tw/post/1036/ <![CDATA[Xcode6 建立新的 iOS App專案 Hello world!]]> apao <apao@www.apao.idv.tw> Wed, 19 Nov 2014 02:21:58 +0000 https://blog.apao.idv.tw/post/1036/ File > New > Project
iOS > Application > Single View Application