Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

This article is a Private article. Only a writer and users who know the URL can access it.
Please change open range to public in publish setting if you want to share this article with other users.

スマホアプリの画面遷移ができるようになったよ!

Last updated at Posted at 2024-12-12

この記事は「大分高専 Advent Calendar 2024」12日目の記事です.

はじめに

今週末にあるハッカソンでiPhoneのアプリを作るので,Xcodeを触り始めました!
Xcode,Swiftガチ初心者が書いてます.

画面生成

まず,Xcodeでiosアプリを作成した時の初期の画面がこちら.
スクリーンショット 2024-12-12 23.27.54.png
真っ白ですね.

寂しいので,タイトルを追加します.あと,画面を遷移するためのボタンを追加します.

スクリーンショット 2024-12-12 23.31.44.png

追加しました.次に,画面遷移先の画面を追加します.View Controllerというオブジェクトを追加すると画面が増えます.

スクリーンショット 2024-12-12 23.33.00.png

次に.ボタンを選択して,controlキーを押しながら,隣の画面にドラッグ&ドロップすると,このようにメニューが表示されるので,今回はPresent Modallyを選びます.

スクリーンショット 2024-12-12 23.34.33.png
これだけで画面遷移ができます.
やったね☆終わり!
といきたいのですが,せっかくなので,遷移先のページから戻るボタンを追加して.タイトルに戻れるようにします.
ここで私が考えたのが,今のやり方と同じように画面遷移すれば良いんじゃない?ということで,実装してみました.
デモプレイがこちら
画面収録-2024-12-12-23.40.52.gif

なんか動きに違和感がある.戻るボタンなのに戻っている感じがない!!
ので,プログラムコードを書きます.

TestViewController

import UIKit

class TestViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
    }

    @IBAction private func backButtonAction() {
        dismiss(animated: true)
    }
}

そしてこのbackButtonActionを戻るボタンに紐付けます.
すると,遷移前の画面に戻ってくれます.
画面収録-2024-12-12-23.55.28.gif
さっきよりも前の画面に戻っている感が増しました!
やったね☆

おわりに

時間がなかったので,雑になりましたが,Xcodeでのiosアプリ開発の初歩の初歩,画面遷移について紹介しました.また余裕があるときに追記するかもです.

0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?