ストーリーボードは、iOS 5のリリースで開発者に最初に導入されました。ストーリーボードは、開発者が各画面のインターフェイスを異なるファイルで設計する手間を省きます。ストーリーボードを使用すると、アプリ全体の概念的なモックアップと、各画面間の相互作用を確認できます。セグエを使用すると、アプリが特定の画面間をどのように移行し、データを渡すかを設定できます。このチュートリアルでは、アプリの簡単なログイン画面を作成する方法を紹介します。
入門
あなたが最初にやりたいことは、新しいプロジェクトを作ることです。言語をSwiftに設定し、デバイスをユニバーサルに設定する新しい単一画面アプリケーションが必要になります。ストーリーボードに移動すると、空のViewControllerシーンが表示されます。ビューコントローラの左側にある矢印は、それがルートコントローラであることを示しています。
ユーザー名とパスワードのラベルを追加するには、画面の右下にあるボックスに移動し、正方形が含まれている円を選択して、2つのラベルをビューにドラッグアンドドロップする必要があります。サイドバーの設定を選択することで、多くの重要なパラメータを指定できます。数が多すぎて説明できませんが、ほとんどは自明です。
私たちにとって重要な2つは、プレースホルダーテキストと安全なテキスト入力チェックボックスです。プレースホルダーテキストを使用して、ユーザーに必要な情報をユーザーに知らせ、安全なエントリを使用してユーザーのパスワードが表示されないようにします。これが行われた後、セグエをトリガーするためのボタンが必要です。テキストフィールドと同じ方法でドラッグできます。ボタンにタイトルを付け、画面上にオブジェクトを配置すると、次のようになります。
これでアプリの最初の画面が完成したので、別の画面に移行する必要があります。これを行うには、2番目のViewControllerを画面にドラッグします。 2つの画面を接続するには、2つのことを行う必要があります。まず、ボタンのクリックを制御して、追加した新しい画面にドラッグする必要があります。次に、2つのビューの間の円を選択する必要があります。次に、識別子をセグエに変更する必要があります。この例では、「nextScreen」を使用します
最後に、新しい画面にラベルを付けて、ユーザーを表示し、アプリが機能するかどうかを確認できるようにします。ストーリーボードからプログラムでフィールドにアクセスできるようにするには、次のようにフィールドを使用するクラスでフィールドにアウトレットを作成する必要があります。
クラスFirstScreen：UIViewController {
@IBOutlet弱い変数のユーザー名：UITextField！
@IBAction func loginButton（sender：AnyObject）{
perfromSegueWithIdentifier（ 'nextScreen'、送信者：自己）
}
}
クラスSecondScreen：UIViewController {
var user：文字列！
@IBOutlet弱い変数のユーザー名：UILabel！
func viewDidload（）をオーバーライドする{
username.text = user
}
}
これが完了したら、各画面の接続インスペクターを使用して、ストーリーボードからオブジェクトをリンクしてください。アウトレットが表示され、それらの右側にある円をクリックしてリンクできます。
実装される最後の関数は、最初の画面のクラスのprepareForSegue関数です。これにより、次のようにデータを新しいビューに渡すことができます。
楽しいprepareForSegueをオーバーライドします（フォロー：UIStoryboardFollow、送信者：AnyObject？）{
if segue.identifier ==“ nextScreen” {
destVC = continues.destinationViewControllerをUIViewControllerとして許可します
destVC.user = self.username
}
}
これで、画面を変更して画面間でデータを渡す方法の基本を理解できました。これにより、機能的なアプリの作成、楽しいプログラミングを始めることができます。
読んだ2分
