StoryBoard の事前検討(1): 簡単なページジャンプとリターンの実装_html/css_WEB-ITnose

まえがき

Apple は長い間 Storyboard を発表してきましたが、私はそれについて深く勉強したことがありませんでした。最近、StoryBoard を使用して忠実度の高いインタラクティブ アプリのプロトタイプを作成してみようと計画し、学習することにしました。 IB と比較して、StoryBoard は手書きコードをほとんど使用せずにページ インタラクションを実現できるため、Xcode を理解している学生が迅速なプロトタイプ開発を行うのに非常に適しています。

簡単なページジャンプを実現します

新しいプロジェクトを作成し、Single View Application を選択します。Main.storyboard ファイルを開き、IB のような ViewController に StoryBoard が自動的に使用されます。でご覧ください。図に示すように、UILabel ラベルの付いたページと UIButton ボタンを追加するだけです。

UIViewController オブジェクトを 2 番目のページとしてメイン ウィンドウにドラッグし、Ctrl キーを押しながらドラッグします。新しく追加されたページへのボタン接続

マウスを放し、ポップアップの黒いフローティング ボックス リストでアクション セグエ タイプを選択します: モーダル。オレンジ色のボタンをクリックすると、ページ 2 が表示されます。ページ 1 から削除されます 下部ポップアップ

ページ 2 ページ 1 に戻り、ページ 2 にボタンを追加し、ViewController.m ファイル内の UIStoryBoardSegue 型パラメータを使用して IBAction メソッドを実装します

- (IBAction)unwindSegue:(UIStoryboardSegue *)sender{    NSLog(@"unwindSegue %@", sender);}

Ctrl は、2 ページ目のボタンを ViewController の Exit に接続し、unwindSegue: メソッド

シミュレーターでのランニングエフェクト:

コード実装

ページ 1 ページ 2 にジャンプします: まずボタン接続をクリアし、次に Ctrl を押して ViewController を ViewController2 に接続し、モーダル タイプを選択します

ViewController と ViewController2 の間の接続を選択し、設定します接続識別子: 2vc2

ViewController.m にコードを追加し、ボタンを関連付けます

- (IBAction)presentVC2:(id)sender {    NSLog(@"代码实现页面跳转");    [self performSegueWithIdentifier:@"2vc2" sender:sender];}

ページ 2 はページ 1 に戻り、最初にボタン接続をクリアしてから、ViewController2.m に IBAction メソッドを追加します。ボタン:

- (IBAction)backAction:(id)sender {    [self dismissViewControllerAnimated:YES completion:nil];}