特にイベントハンドラの書き方、と言うか定義の仕方というか、紐付けの仕方が訳が分らなかったのでメモ。
あと、プロジェクト名が思いっきり typo ってたのでやり直し。
それと、シミュレータを起動した時に「プロセスにアタッチできません」等といったメッセージが出てしまうので、予め「システム環境設定」->「セキュリティとプライバシー」->「アクセシビリティ」に「Xcode」を追加しておくこと。
では、いってみよう。
「File」->「New」->「Project」をクリックし、プロジェクトを新規作成する。
「Choose a template for your new project」で「Single View Application」を選択し「Next」をクリック。
![](https://4.bp.blogspot.com/-cABldKYwHo4/Vw9KFCeQMpI/AAAAAAAAAj8/7eTE9KKhUcQO9GBAg_0a-3HtrcmGJ7IxwCKgB/s1600/Create%2BNew%2BProject%2B3%2Bcompressed.png)
「Choose options for your new project」で「Product Name」等を設定し「Next」をクリック。
![](https://1.bp.blogspot.com/-uFFjDWMrVeo/Vw9R9MaDU1I/AAAAAAAAAks/7YILZVZb97E8u-uRCD9I9pJxo8uuw11-ACKgB/s1600/Choose%2BOption%2BNew%2BProject%2B3%2Bcompressed.png)
保存先を聞かれるので適当な場所を選択し「Create」をクリック。
この時「Source Control」にチェックを付け、「Create Git repository on」は「My Mac」にしておき、ローカルリポジトリを作成する。
![](https://2.bp.blogspot.com/-SbPYCRHEVdk/Vw9TPCXebqI/AAAAAAAAAlE/4twR0TUSQjAqFWe1BiaPGvk1kmKN9UvJQCKgB/s1600/Create%2BAs%2B3%2Bcompressed.png)
「Project navigator」で「Main.storyboard」を選択する。
![](https://3.bp.blogspot.com/-0vuY3e3Ev0Y/Vw9TvY9i74I/AAAAAAAAAlM/I48RtinytXoTiS-dchpXd0plYs81-oi5ACKgB/s1600/Main%2Bstoryboad%2B3%2Bcompressed.png)
「Object library」から「Button」をドラッグし、「View」へドロップする。
![](https://3.bp.blogspot.com/-9SRmIOxO_dc/Vw9UP5ZgpqI/AAAAAAAAAlc/W9un9-GT_mgB2ktv7dcleDdtnyRbPIksQCKgB/s1600/Add%2BButton%2B3%2Bcompressed.png)
「Attributes inspector」で「Title」の文字列を変更する。
![](https://1.bp.blogspot.com/-j2anf8chgtM/Vw9UuDObikI/AAAAAAAAAlo/J-V637pX2bYpR5XsmWm8hB9i9jv9Jbi-gCKgB/s1600/Change%2BTitle%2B3%2Bcompressed.png)
ボタンを選択し「Align」をクリック、「Add new Alignment Constraints」の「Horizontally in Container」と「Vertically in Container」にチェックを付け、「Add 2 constraints」をクリックする。
![](https://2.bp.blogspot.com/-f9KKdw2jO6E/Vw9VIVICwUI/AAAAAAAAAl0/zbgEPs5mHdcc_smEdfwa0xCG-zg5xPjKQCKgB/s1600/Add%2B2%2BConstraints%2B3%2Bcompressed.png)
「Resolve Auto Layout Issues」の「Updates Constraints」をクリックし、レイアウトを更新する。
![](https://1.bp.blogspot.com/-OVWxkziFpSE/Vw9VppVBpUI/AAAAAAAAAmE/WGzbpqOvOkgFDWhaKgD8B0pMxWBk6tCXACKgB/s1600/Resolve%2BAuto%2BLayout%2BIssues%2B3%2Bcompressed.png)
![](https://2.bp.blogspot.com/-SDY_UwN5AKU/Vw9WHsZcqNI/AAAAAAAAAmQ/1Itu5WH3rccok6EQksLBxpo136012ciowCKgB/s1600/Updates%2BConstraints%2B3%2Bcompressed.png)
「Show the Assistant editor」の「Assistant Editors on Bottom」をクリックする。
![](https://4.bp.blogspot.com/-rdhZbxkt248/Vw9XZwX9a8I/AAAAAAAAAms/Z2e88iDMkv0HnNvjO9cERukvVpjppFTcACKgB/s1600/Show%2Bthe%2BAssistant%2Beditor%2B3%2Bcompressed.png)
![](https://1.bp.blogspot.com/-Fug-H8hNc9o/Vw9XoP3-IPI/AAAAAAAAAm0/G5YEx90pbCMx3zqN4cJGMq4p_zt12jhigCKgB/s1600/Assistant%2BEditors%2Bon%2BBottom%2B3%2Bcompressed.png)
「Assistant Editor」の「Manual」を「Automatic」へ変更する。
これで表示中のオブジェクトのコードが自動的に表示される。
![](https://2.bp.blogspot.com/-ETWe62UagXU/Vw9X9erxGcI/AAAAAAAAAm8/NrIeKRRvSBcXfyNzJbhdRslak4NT4VIGgCKgB/s1600/Assistant%2BEditor%2B3%2Bcompressed.png)
![](https://2.bp.blogspot.com/-XNEp2RRYxfg/Vw9Y50BmIMI/AAAAAAAAAnY/N4HKmH-57jMwDYmcG87amRVVObhdIGjZQCKgB/s1600/Automatic%2B3%2Bcompressed.png)
「Connections Inspector」を開き、「Sent Events」の「Touch Up Inside」右側の「○」をドラッグし、「Assistant Editor」に表示されているコード中の適当な場所へドロップする。
もしくは、ボタンオブジェクト上で右クリックしても同じ事が行える。
![](https://3.bp.blogspot.com/-EPmaNgkUr1w/Vw-TQap9SfI/AAAAAAAAArg/9TpppnofTScDvL6a8tx14LilVSEOxyOYwCKgB/s1600/Add%2BEvent%2BDaD%2B3%2Bcompressed.png)
イベントの名前を入力し「Connect」をクリックする。
「ButtonExitTouchUpInside」とした。
![](https://1.bp.blogspot.com/-gRHm-dej6U0/Vw-Ti2As8PI/AAAAAAAAAro/mPWErKDFYsg9IkHiFrJpdlDufWGxhQWwgCKgB/s1600/Event%2BName%2B3%2Bcompressed.png)
イベントのコードに「exit(1)」を追加し、押されたらアプリを終了する様にする。
ここで、「File」->「Save」で保存。
![](https://3.bp.blogspot.com/-cbmpQ7TqE2Y/Vw9kVuLdK_I/AAAAAAAAApY/arMk3LuJGWYR0e1tlou_b1fZSMzpawLTwCKgB/s1600/Add%2Bevent%2Bcode%2B3%2Bcompressed.png)
「Set the active Scheme」で「iPhone 5s」を選択し、「Build and then run the current scheme」でシミュレータを実行。
![](https://4.bp.blogspot.com/-3-RfKytmynM/Vw-K2cLGyBI/AAAAAAAAAp8/eV0_caXvLWEZ6-WJH_CUuYnKcfv98anaQCKgB/s1600/Set%2BScheme%2B3%2Bcompressed.png)
「Exit」ボタンをタップすれば、アプリが終了し、ホーム画面が表示される。
![](https://2.bp.blogspot.com/-_MJ3It7hSPo/Vw-WF_6tSRI/AAAAAAAAAsU/KHcCa3FNR4w8gSPMC1dB9gPlmKkBD4-fwCKgB/s1600/Simulator%2B3%2Bcompressed.png)
「Source Control」->「Commit」で、編集したファイルにコメントを付け、ローカルリポジトリにコミットして終了。
![](https://3.bp.blogspot.com/-sqhvXX1iFCg/Vw-MB_M2qiI/AAAAAAAAAqg/rlUeaNM0EIglHwZxoeERkOJsSX9A-ttVgCKgB/s1600/Source%2BControl%2BCommit%2B3%2Bcompressed.png)
とまあ、イベントハンドラの追加まではなんとか出来た。
イベントハンドラの追加の仕方が独特過ぎて、最初はかなり混乱したが、まさかのドラッグ & ドロップ…。
まあ、解ってしまえば簡単なんだが、けっして直感的じゃないよなぁ…。
0 件のコメント:
コメントを投稿