ページ

2014年10月4日土曜日

iOSアプリ開発してみる 1 - Xcode6.0 環境設定 -

楽しそうな宿題を出されたので、やってみる。

iOS開発、、以前ちょこっとやって途中で止めてしまっていたので、
今回一からチャレンジ!!

開発環境
 - MBA
 - Xcode Version 6.0.1 (6A317)

試しにXcodeを開いてみたら、以前とかなり変わっている><;














ええと、左側がNavigator、真ん中がEditor、左側がUtility、下がDebuggerと、ふむふむ。

今後使うであろうショートカットキーまとめ。
 ・Navigator
       Command + 0                     ・・・Navigatorの表示/非表示
       Command + 1                     ・・・Project Navigator
       Command + 2                     ・・・Symbol Navigator
       Command + 3                     ・・・Find Navigator
       Command + 4                     ・・・Issue Navigator
       Command + 5                     ・・・Test Navigator
       Command + 6                     ・・・Debug Navigator
       Command + 7                     ・・・Breakpoint Navigator
       Command + 8                     ・・・Report Navigator

 ・iOSシュミレーター
























       Command + ←                     ・・・左側へ回転
       Command + →                     ・・・右側へ回転
       Command + Shift + H          ・・・ホーム画面


実際にアプリを作成してみる

Xcode起動
[Create a new Xcode projectを]選択















一番シンプルな[Single View Application]を選択















プロジェクト名や識別名等を入力、言語は「Objective-C」














保存場所を選択し、「Create」

色々レイアウトしてみる

NavigatorからXXX.storyboardを選択
↓Storyboardの編集画面が表示される。














右下にあるView選択からButtonやらLabelやらドラッグして〜なんて簡単に
考えていたら、どうやらXcode 6からSize Classというものが導入されていた模様・・・

Size Class 参考サイト
http://d.hatena.ne.jp/shu223/20141002/1412209257

色んなサイズのデバイスに対応する為のものらしい。
試しに、Size Classなんてシラネ〜ってな感じで配置してみる。

背景が青色のViewを左下に配置















Assistantエディッターを開く














プレビューを開く














↓思いっきりずれてる><;














ちなみに、他のデバイスのプレビューも左下の「+」から追加可能
↓ipadのプレビューを追加した














これはひどい><; まじめにSize Classを学習しなければっ
次はSize Classのお勉強。

0 件のコメント:

コメントを投稿