暮らしtop»Web制作»iPhoneアプリ開発»【Xcode】ノートメールアプリを開発してみよう(Part1)【Xcode】ノートメールアプリを開発してみよう(Part1)公開日:2016/03/08更新日:2016/03/09|iPhoneアプリ開発ツイートみなさんこんにちは。Fujii(@HofuCamera)です。今回から2回にわたって「ノートメールアプリ」を開発していきたいと思います。文字を打ち込んで、そのままメールで送信するiPhoneアプリになっています。今回は、noteMailとしてプロジェクト名を設定してみてください。Orientation」と書かれた箇所があるかと思います。これはiPhoneやiPadアプリを作る際に、画面を「縦だけに対応されたアプリなのか、横だけか、それとも両方か」などを設定する箇所になります。今回は縦のみに対応したいと思うので、下の2つのチェックを外します。「Portrait」のみにチェックが入っている状態を確認してください。それでは次にいきましょう。画面をデザインしていきます。左側に「Main.storyboard」という箇所があるので、そこをクリックします。これは主に画面の遷移図(どのような順番で画面を表示していくかなど)や、パーツ(ボタンやラベルなど)を直感的に置いていく、全体図を見渡せる箇所になります。Main.storyboardは実際に自分でデザインしていくことができるので、デザインしていきましょう。TextViewを使用してみる基本的な考え方それでは、画面を整えていきたいと思います。赤い部分をクリックして、画面のサイズを変更したいとおもいます。Sizeと書かれたところで「iPhone4.7-inch」と設定してください。それでは、作っていきましょう。今回は、1.文字を入力して、2.キーボードを閉じて、3.文字をメール送信画面へ渡して、4.メールを送信します。文字を入力するためには「UITextView」というものを使います。右下のパーツ郡からTextViewをドラッグ&ドロップで画面の上に置きます。幅と高さをちょうどいい具合に設定します。次に、デフォルトでははじめから文字が入ってしまっている状態になるので、それを消していきたいと思います。画面上のTextViewをクリックして、右側の文字が書かれた部分を消去します。Deleteボタンで消すことができるので試してみてください。うまく消えると下記のようになります。このままでは、どこにTextViewがあるかわからないので、画面のしたあたりをクリックしてBackgroundカラーを変えていきたいと思います。今は白になっているので、黒にしていきます。右側に選択する箇所があるので、そこで変更してください。ここで、この画面と対応したプログラムをみていきたいと思います。見方は簡単で、右上の赤い部分をクリックします。すると、プログラムが現れたかと思います。画面上のTextViewをクリックして、controlを押しながら指定の箇所へドラッグ&ドロップします。「noteTextView」と名前をつけます。これでプログラムが画面上のTextViewを「noteTextView」という名前のものだと認識します。このようにして、画面上のパーツとプログラムをむすんでいきます。次に指定の箇所にと記述します。記述するかというと、次回に「TextViewの編集が終わったときに呼ばれるデリゲートメソッド」を使いたいためです。デリゲートメソッドとは、ある条件下におかれると、勝手に呼ばれる場所という認識をもってください。今回のようにUITextViewが持つデリゲートメソッド(TextViewの編集が終わったときに何かしたい場合)を使用したい時はと記述します。次に左上のシミュレーターの大きさをiPhone6と設定します。画面にタッチしてキーボードを閉じてみよう「タッチして何か処理をする」という箇所を作っていきたいと思います。*)event{}と記述してください。これは、画面をタッチした時に呼ばれる箇所となります。定型文として決まっているのでタッチして何か処理をしたいときはこのように書いていきます。resignFirstResponder];と記述します。キーボードをとじてくれ」;ということになります。することで画面をタッチした時にキーボードを閉じるということが可能になります。シミュレーターで確認してみようそれでは、シミュレーターで実際に1.文字が入力できるかどうか、2.キーボードをタッチで閉じることができるかどうかをみていきたいと思います。左上の▶マークを押してください。シミュレーターが立ち上がったら、まずTextViewをクリックします。キーボードが出てくることを確認してください。あいうえおと打ち込みました。実際に打ち込んでみてください。黒い部分をクリックしてキーボードが閉じたら本日は完成です!最後にいかがでしたか?次回も同じように、メール画面を起動するというデリゲートメソッドを使っていきます。実際にメールも送信しようと思います。Uscreive(クリーブ)は、クリエイターのための情報を発信しているメディアです。クリエイティブなことをするにあたり、少しでも皆様に役立つような情報をアーカイブしています。