Stack ViewとNavigation Controlを使用して、次のようにログイン+会員ログインインタフェースを作成します。

[Stack概念の説明]

上の写真を見ると、真ん中によく知られているStackが見えます。StackはFirst In，Last Out

つまり、先に入ってから出る-先に入るのが一番遅いということです。

プッシュ(挿入):スタック構造の上部にデータを格納(挿入)します。

Pop(削除):スタック構造の上部のデータを削除します。

[登録名と会員登録中のStack説明]

ログイン画面にアカウントはありませんか?このボタンをクリックすると会員登録画面に入ります。これを登録欄に会員登録欄を作成するといいます。

また、会員登録画面にはすでにアカウントがありますか?ボタンをクリックしてログイン画面に入り、ログインバーの上にある会員を削除します。

[実習]

1.ViewController->LoginViewControllerに変更

2.Mainにナビゲーションコントローラを導入します。Storyboardにドラッグし、既存のTable viewを削除し、下の写真と一緒に配置します。

3.既存のビューコントローラをLoginViewコントローラに変更します。

4.CTRLを押したまま、ナビゲーションコントローラをクリックして、View Controlに接続し、Relationship Segue-Root View Controlを選択します。

5.Image ViewをLoginView Controlに載せ、写真を1枚選択します。

6.UIViewをSafe Areaに、私たちが置いた写真をビューに、ContainerViewと名付けます。

7.ContainerViewの4方向ともContaintsを0に設定します。

8.選択した画像を元の場所に戻し、上部方向にContratesを30に設定し、「Horizontallyin Container」をクリックします。

9.2つのテキストフィールドの1つのButtonを1つの列に配置し、すべての3つを選択し、右下隅のEmbed In Stack Viewを選択します。

10.Bottom以外のすべての方向のContratesは20であり、Text FieldとButtonごとの左右方向のContratesは0である。

11.ButtonのTexはログインとして、背景色と文字色はCustom、各プレースホルダのText Field 1は電子メール、Text Field 2はパスワードである。

12.Stack ViewのAlignment:Fill/Distribution:FillEqually/Spacing:20。

13.ButtonをStackViewに入れますが、口座はありませんか?次のようにConstraintsを変更し、「Horizontalyin Container」を選択します。

14. New File - Swift File - RegisterViewController.swiftを作成し、クラスの名前を変更し、「New Group」をクリックしてControllerと名前を付け、RegisterとLoginを追加します。

15.Login ViewControllerをコピーして貼り付け、クラス名をRegisterViewControllerに変更します。

16.次の図のように、Login View Controlを交換してください。そしてビデオのようにCTRL+アカウントはありませんか?ボタンを押したままRegister ViewControlをドラッグしてShowを選択します。

[私の活用]