iOS開発用ストーリーボード

ストーリーボードは、iOS 5のリリースで最初に開発者に導入されました。ストーリーボードは、開発者が各画面のインターフェイスを異なるファイルで設計する手間を省きます。ストーリーボードを使用すると、アプリ全体の概念的なモックアップと、各画面間の相互作用を確認できます。セグエを使用すると、アプリが特定の画面間を移行してデータを渡す方法を設定できます。このチュートリアルでは、アプリの簡単なログイン画面を作成する方法を紹介します。

はじめに

あなたが最初にやりたいことは、新しいプロジェクトを作ることです。言語をSwiftに設定し、デバイスをユニバーサルに設定する新しい単一画面アプリケーションが必要になります。ストーリーボードに移動すると、空のViewControllerシーンが表示されます。ビューコントローラの左側にある矢印は、それがルートコントローラであることを示しています。

ユーザー名とパスワードのラベルを追加するには、画面の右下にあるボックスに移動し、正方形が含まれている円を選択して、2つのラベルをビューにドラッグアンドドロップする必要があります。サイドバーの設定を選択することにより、多くの重要なパラメータを指定できます。数が多すぎて説明できませんが、ほとんどは自明です。

私たちにとって重要な2つは、プレースホルダーテキストと安全なテキスト入力チェックボックスです。プレースホルダーテキストを使用して、ユーザーに必要な情報と、ユーザーのパスワードが表示されないようにするための安全なエントリをユーザーに知らせたいと考えています。これが行われた後、セグエをトリガーするためのボタンが必要です。テキストフィールドと同じ方法でドラッグできます。ボタンにタイトルを付け、画面上にオブジェクトを配置すると、次のようになります。

これでアプリの最初の画面が完成したので、別の画面に移行する必要があります。これを行うには、2番目のViewControllerを画面にドラッグします。 2つの画面を接続するには、2つのことを行う必要があります。まず、ボタンのクリックを制御して、追加した新しい画面にドラッグする必要があります。次に、2つのビューの間の円を選択する必要があります。次に、識別子をセグエに変更する必要があります。この例では、「nextScreen」を使用します

最後に、新しい画面にラベルを付けて、ユーザーを表示し、アプリが機能するかどうかを確認できるようにします。ストーリーボードからプログラムでフィールドにアクセスできるようにするには、次のようにフィールドを使用するクラスでフィールドにアウトレットを作成する必要があります。

クラスFirstScreen：UIViewController {

@IBOutlet weak var username：UITextField！
@IBAction func loginButton（sender：AnyObject）{
perfromSegueWithIdentifier（ "nextScreen"、sender：self）
}
}

class SecondScreen：UIViewController {
var user：String！
@IBOutlet weak var username：UILabel！

func viewDidload（）をオーバーライドします{
username.text =user
}
}

これが完了したら、各画面の接続インスペクターを使用して、ストーリーボードからオブジェクトをリンクしてください。アウトレットが表示され、右側の円をクリックしてリンクできます。

実装される最後の関数は、最初の画面のクラスのprepareForSegue関数です。これにより、次のようにデータを新しいビューに渡すことができます。

オーバーライド楽しいprepareForSegue（segue：UIStoryboardSegue、sender：AnyObject？）{
if segue.identifier ==“ nextScreen” {
let destVC =segue.destinationViewController as UIViewController
destVC.user=self。ユーザー名
}
}

これで、画面を変更して画面間でデータを渡す方法の基本を理解できました。これにより、機能的なアプリの作成、楽しいプログラミングを始めることができます。