Start Developing iOS Apps Today をやってみるその3

Tutorial: Storyboards

Adopt Auto Layout

今までで作ったアプリはrotateすると位置がずれる

なので、storyboadでテキストフィールドからテキストフィールドの外に向かって真上にctrlドラッグして"Top Space to Top Layout Guide"を選ぶ

これはtext field と the navigation barの位置の調整のため

同様に

右にCtrlドラッグで"Trailing Space to Container"を選ぶ
左にCtrlドラッグで"Leading Space to Container"を選ぶ

うまくいかなかったら

text field を選択、メニューから Editor > Resolve Auto Layout Issues > "Reset to Suggested Constraints"

もしくは

text field を選択、メニューから Editor > Resolve Auto Layout Issues > Clear Constraints

Creating a Second Scene

table viewを加える

Open the Object library in the utility area. (To open the library with a menu command, choose View > Utilities > Show Object Library.)

Object Libraryを開く

table view controllerをto-do-item の左にドラッグすると以下のようになる

table view controller を選び "Attributes inspector" の "Is Initial View Controller"にチェックを付けて起動時に使われるようにする

矢印を table view controller の方にドラッグしても同じことができる

Display Static Content in a Table View

table view を選択し、Static Cells を選んで、cell 1つずつを Basicにするとタイトルが入れられるようになるあとはコピペ or Optionドラッグでコピーしていくと以下の画像のようになる

In the outline view for your interface, select Table View under Table View Controller.

With the table view selected, open the Attributes inspector image:

In the Attributes inspector, choose Static Cells from the pop-up menu next to the Content option. Three empty table view cells appear in your table view.

In the outline view or on the canvas, select the top cell.

In the Attributes inspector, choose Basic from the pop-up menu next to the Style option. The Basic style includes a label, so Xcode creates a label with the text “Title” in the table cell.

In the outline view or on the canvas, select the label.

In the Attributes inspector, change the text of the label from “Title” to “Mow the Lawn.” For the change to take effect, press Enter or click outside the utility area. Alternatively, you can edit a label by double-clicking it and editing the text directly.

Repeat steps 4–7 for the other cells, giving them text for other likely to-do items.

Create enough cells so that the items more than fill the screen. You can create new cells by copying and pasting them or by holding down the Option key when dragging a cell.