全349コースを10日間無料でぜひご覧ください。円このコースを購入するPhotoViewerのための新しいプロジェクトを作成し、複数のシーンを用意して、それらをセグウェイで接続して画面のデザインを行う方法を説明します。07:48字幕このレッスンではフォトビューアのための新しいプロジェクトを作成し複数のシーンを用意して画面のデザインを行う方法を説明します。それでは新しいアプリケーションのためのプロジェクトを作成しましょう。projectこの部分をクリックするか[File]メニューから[New][Project]と選択して新しいプロジェクトを作成します。Applicationを選択してNextボタンを押します。NameのところにPhotoViewerと入力しましょう。Identifierのところにはmytestと入力しておいてください。LanguageはSwiftDevicesにはiPhoneを選択しておきます。Dataのチェックマークは外しておきましょう。それではNextボタンを押します。デスクトップの上にプロジェクトを作成しましょう。それではまずMain.storyboardのファイルを編集します。Main.storyboardを選択して現在ここにビュー・コントローラが1つ予め用意されていますが今回はこのビュー・コントローラは使用しませんのでこのビュー・コントローラを選択してこの青くハイライトされた状態でDeleteキーを一度押します。するとビュー・コントローラが何もない状態になりますのでここに新しいビュー・コントローラを追加します。Controllerを用意します。Controllerをドラッグ&ドロップでこのように追加します。Controllerこちらは通常のビュー・コントローラを2つ追加します。片方は画像を表示するためのビュー・コントローラそしてもうひとつは画像の詳細を表示するためのビュー・コントローラですね。Ctrlキーを押しながらのマウスボタンのドラッグでこのように青い線を使ってビュー・コントローラ隣のビュー・コントローラに足を伸ばします。Segueと書いてあるところからshowの一番上にあるshowの部分をクリックします。することで最初のテーブルビューからセルがクリックされたときにビュー・コントローラに画像を表示するためのビュー・コントローラに移動するためのセグウェイが追加されました。Viewをドラッグ&ドロップで追加しておきたいと思います。このように追加しました。この画像ビューの上にメモを表示するためのツールバーを配置したいと思いますのでツールバーをドラッグ&ドロップでこの画面の一番下のところに配置します。このItemと書かれているところをダブルクリックしてこれをメモを表示するためのメモボタンに変更しておきましょう。このメモのボタンが押されたときに次のこのメモを表示するためのビューに移動するようにこのメモからこのメモのツールバーのボタンを選択してこれを右クリックのドラッグでこの新しい3つ目のビュー・コントローラに足を伸ばします。modallyと書かれているこの3つ目のセグウェイを選択します。選択してこちらにも新しいセグウェイが追加されました。これをナビゲーション・コントローラの中に入れるという作業をします。Controller]とメニューを選択します。することによってナビゲーション・コントローラの中にこのテーブル・ビューが入ります。全体を見渡しておきましょうか。50%で少し千咲して表示したいと思います。これでナビゲーション・コントローラの中に最初テーブルビュー・コントローラが読み込まれ更にその中に画像ビューの表示コントローラそしてこのメモのボタンを使ってメモを表示するためのビュー・コントローラに移動するとこのようなセグウェイの連結が行われていることがわかります。こちらのメモの背景のですね色をちょっと変更しておきたいと思いますのでこちらをダブルクリックで編集対象にします。Colorというのを選択してこのようにしておきたいと思います。ここにラベルを追加しましょう。メモを表示するためのラベルです。Labelというのを検索してこのラベルを画面のちょっと下の方ですかね真ん中より少し下のあたりに追加して少し大きくしておきます。このようにして色を白色にそれからサイズを少し大きめにしておきます。このラインは今1というふうに設定されていますがこのLinesと書かれているところを0にしてやることによって複数行並べてデータを用事することができるようになります。これ1だったら1行だけ2だったら2行だけ表示するおいう設定ですのでこちらを0にしてやります。その下にボタンを追加しましょう。この情報がもう見終わったので消しますよということを表すOKボタンをここに用意したいと思います。OKボタンはテキストカラーを白にしておきましょう。最初のテーブル・ビューにもう一度戻ります。こちらのテーブル・ビューの上部のところにナビゲーションバーのタイトルを入力できる場所がこのように用意されていますのでこのナビゲーションバーのタイトルをPhotosと変えておいてこのように最初のテーブル・ビューのタイトルが一番最初にPhotosと表示されるようにしておきます。以上で画面のデザインは完了です。このレッスンではフォトビューアのための新しいプロジェクトを作成して画面のデザインを行いました。SwiftによるiOSアプリ開発基本講座このコースではiPhoneやiPadのアプリを作ってみたい方に向けて、簡単なiOSアプリを作りながらSwiftを使ったXcodeでの開発手順をひとつずつ丁寧に解説していきます。各レッスンではiOSのフレームワークの機能を確認しながら、アウトレットやアクション、MVCモデルやDelegateといったアプリ開発に必要な知識を説明します。発売日:2015年10月15日このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。お問い合わせは、cs-jp@lynda.com宛までご連絡ください。無料レッスンを視聴するここから世界が拡がります。lynda.comとlynda.comのロゴは、商標登録されています。登録してからブックマークを使用してください。lynda.comにジャンプしました。