コンテンツ
- Swiftを知る必要がありますか?
- AppleのXcode IDEをセットアップする
- はじめに:新しいXcodeプロジェクトを作成します
- 開発チームが必要ですか?
- AppleのXcode IDEを理解する
- AppleDelegate:Swiftソースファイルを調べる
- 1.エントリポイントを作成する
- 2. AppDelegateを定義する
- 3.ウィンドウプロパティを定義する
- 4.各種スタブ実装
- プロジェクトのテスト:iOSシミュレーターの実行
- Interface BuilderでUIを作成する
- iOSのオブジェクトライブラリへのアクセス
- 属性インスペクターを使用してオブジェクトをカスタマイズする
- ユーザーインターフェイスのプレビュー
- UIをソースコードに接続する
- アクションメソッドの作成
- 1.このメソッドがアクションであることを示します
- 2.メソッドを宣言します
- 3.いくつかのパラメーターを定義する
- 接続を確認する
- 警告ダイアログの作成
- 1.定数を宣言する
- 2.のコンテンツを設定する
- 3.スタイルを設定する
- 4.アクションを追加する
- 5.アラートを表示する
- 完成したiOSアプリをテストする
- まとめ
Androidは世界で最も人気のあるオペレーティングシステムの1つかもしれませんが、唯一のモバイルオペレーティングシステムではありません。
モバイルアプリケーションを可能な限り幅広いユーザーにリーチするには、複数のプラットフォームをターゲットにする必要があります。あなたが できた Flutterなどのクロスプラットフォーム開発ツールを選択すると、複数のコードベースを作成して、各モバイルプラットフォームに合わせて設計および調整されたユーザーエクスペリエンスを提供することもできます。
おそらく、Androidで最新のモバイルアプリをリリースしたいでしょう そして iOS、Appleへのジャンプを検討している、あるいはiOS向けの開発がAndroid向けの開発と比較してどうなっているのかを知りたいだけかもしれません。この記事では、動機が何であれ、iPadとiPhone用のシンプルなアプリを作成して、iOS向けの開発を開始する方法を示します。
途中で、AppleのSwiftプログラミング言語のコアコンセプトの概要を紹介し、Xcode統合開発環境の主要な領域を説明し、iOSシミュレーターでプロジェクトをテストする方法を示します。まだiPadやiPhoneの購入を約束していません!
iOS向けの開発を始めるために知っておくべきことは次のとおりです。
Swiftを知る必要がありますか?
iOS向けの開発を開始する場合、通常、Objective-CまたはSwiftの2つのプログラミング言語を選択できます。 2014年に開始されたSwiftはより現代的な言語であり、AppleはiOS開発のためにObjective-CよりもSwiftを推進しているようです。このチュートリアルではSwiftを使用します。
あなたがベテランのSwiftプロなら、あなたは有利なスタートを切るでしょう。ただし、一度も 見た 以前は1行のSwiftでしたが、引き続きフォローできます。この記事の終わりまでに、機能するiOSアプリケーションが作成され、完全にSwiftで記述されます。
iOSアプリを作成する際に、このプログラミング言語のコアコンセプトを説明するので、Swiftの基本的な概要を理解し、理解するでしょう。 まさに Swiftを初めて使用する場合でも、コードの各行で何が起こっているのか。
残念ながら、このページの最後に到達するまでにまったく新しいプログラミング言語を習得することはできませんが、iOS開発を続けることに決めた場合は、Swift Playgroundsアプリをチェックすることをお勧めします。このアプリケーションには、iOS開発の調査を続けるために必要なSwiftの必需品を理解するのに役立つインタラクティブなパズルとして表示されるLearn To Code演習が含まれています。
AppleのXcode IDEをセットアップする
iPhoneおよびiPad用に開発するには、macOS 10.11.5以降を実行しているMacが必要です。現在実行しているmacOSのバージョンが不明な場合:
- Macのメニューバーで「Apple」ロゴを選択します。
- 「このMacについて」を選択します。
- [概要]タブが選択されていることを確認してください。 macOSのバージョンがこのウィンドウに表示されます。
また、Appleの統合開発環境(IDE)であるXcodeも必要です。 Xcodeには、macOS、watchOS、tvOS向けのアプリケーションの設計、開発、デバッグに必要なすべてのツールと機能があります– そして iOS。
Xcodeの最新バージョンをダウンロードするには:
- MacでApp Storeを起動します。
- [検索]フィールドに「Xcode」と入力します。
- Xcodeアプリケーションが表示されたら、「Get」に続いて「Install App」を選択します。
- プロンプトが表示されたら、Apple IDとパスワードを入力します。 Apple IDをお持ちでない場合は、無料で作成できます。これで、XcodeがMacの「アプリケーション」フォルダーにダウンロードされます。
- Xcodeのダウンロードが完了したら、起動します。利用規約を読み、続行する場合は[同意する]をクリックします。
- Xcodeから追加のソフトウェアをダウンロードするよう求められた場合は、画面の指示に従ってこれらの欠落しているコンポーネントをダウンロードします。
はじめに:新しいXcodeプロジェクトを作成します
Android Studioと同様に、Xcodeには、タブベースのナビゲーションやゲームなど、iOSアプリケーションの一般的なカテゴリ用のテンプレートが多数付属しています。これらのテンプレートには、iOSプロジェクトの開始に役立つ定型コードとファイルが含まれています。この記事では、これらの既製のテンプレートのいずれかを使用します。
新しいXcodeプロジェクトを作成するには:
- Xcode IDEをまだ起動していない場合は起動します。
- しばらくすると、「Welcome to Xcode」画面が表示されます。 [新しいXcodeプロジェクトを作成]を選択します。ようこそ画面が表示されない場合は、Xcodeメニューバーから[ファイル]> [新規]> [プロジェクト]を選択します。
- [新しいプロジェクトのテンプレートを選択]ウィンドウで、[iOS]タブが選択されていることを確認します。
- [シングルビューアプリ]テンプレートを選択し、[次へ]をクリックします。
- 「製品名」に「HelloWorld」と入力します。Xcodeはこれを使用してプロジェクトとアプリケーションに名前を付けます。
- 必要に応じて、オプションの「組織名」を入力します。
- 「組織識別子」を入力します。識別子がない場合は、「com.example」を使用できます。「バンドル識別子」は、製品名と組織識別子に基づいて自動的に生成されるため、これを心配する必要があります。
- 「言語」ドロップダウンを開き、「Swift」を選択します。
- [コアデータを使用する]チェックボックスを見つけて、それが じゃない 選択されました。
- 「ユニットテストを含める」チェックボックスを選択します。
- [UIテストを含める]チェックボックスを見つけて、それが正しいことを確認します じゃない 選択されました。
- 「次へ」をクリックします。
- 後続のダイアログで、プロジェクトを保存する場所を選択し、「作成」をクリックします。
Xcodeは、ワークスペースウィンドウにプロジェクトをロードします。
開発チームが必要ですか?
この時点で、Xcodeに「HelloWorldに署名するには開発チームが必要です」というエラーが表示される場合があります。
物理的なiOSデバイスでプロジェクトを実行する前に、有効なチームを設定してアプリケーションに署名する必要があります。 iOSを試しているだけなので、今すぐ署名プロセスを完了する必要はありませんが、物理デバイスで実行したり、Game CenterやIn-Appなどの特定のサービスにアクセスする前に、アプリケーションに署名する必要があります購入。
AppleのXcode IDEを理解する
Xcodeのワークスペースでは、アプリのすべてのソースコードを記述し、ユーザーインターフェース(UI)を設計および構築し、最終的に一緒になって完成したiOSアプリケーションを形成する追加のファイルとリソースをすべて作成します。
Xcodeには機能が満載されていますが、iOS開発の初心者として、知っておく必要のある領域がいくつかあります。
- (1)ナビゲーションエリア。 この領域では、プロジェクトを構成するさまざまなファイルとリソースすべてにすばやく簡単にアクセスできます。ナビゲーション領域でファイルを選択すると、ファイルの内容を調べることができます。あなたがする必要があることに注意してください 選択する 問題のファイル。ファイルをダブルクリックすると、新しい外部ウィンドウで起動します。
- (2)エディターエリア。ナビゲーション領域で選択したファイルに応じて、Xcodeはエディター領域に異なるインターフェイスを表示します。最も一般的には、エディター領域を使用して、アプリケーションのソースコードを記述し、UIを構築します。
- ユーティリティエリア。 このエリアは2つのセクションに分かれています。 [ユーティリティ]領域の上部(3)には、[インスペクター]ペインが表示されます。このペインでは、ナビゲーションまたはエディター領域で選択したアイテムに関する情報を表示し、その属性を編集できます。 [ユーティリティ]領域の下部(4)には[ライブラリ]ペインが表示され、いくつかの既製のUI要素、コードスニペット、その他のリソースにアクセスできます。
AppleDelegate:Swiftソースファイルを調べる
Single View Appテンプレートには、シンプルだが機能するiOSアプリケーションを作成するために必要なすべてのSwiftコードとリソースが含まれています。
これらの自動生成されたすべてのファイルとリソースは、ナビゲーション領域(Xcodeワークスペースの左側)で確認できます。
ナビゲーション領域が表示されていない場合は、Xcodeのメニューバーから[表示]> [ナビゲーター]> [プロジェクトナビゲーターを表示]を選択して非表示にすることができます。
Simple View Applicationテンプレートはいくつかのファイルを自動的に生成しますが、「AppleDelegate.swift」を調べることから始めましょう。ナビゲーション領域でこのファイルを選択すると、エディター領域が更新されてファイルの内容が表示されます。
import UIKit @UIApplicationMain class AppDelegate:UIResponder、UIApplicationDelegate {var window:UIWindow? // Swiftでは、「func」キーワードを使用してメソッドを宣言します// func application(_ application:UIApplication、didFinishLaunchingWithOptions launchOptions:?)-> Bool {return true} //「UIApplication」タイプの「application」パラメーターを定義します” // func applicationWillResignActive(_ application:UIApplication){} func applicationDidEnterBackground(_ application:UIApplication){} func applicationWillEnterForeground(_ application:UIApplication){} func applicationDidBecomeActive(_ application:UIApplication){} func applicationWillTerminate(_ application:UIApplication ){}}
このファイルで何が起こっているかを詳しく見てみましょう。
1.エントリポイントを作成する
@UIApplicationMain属性は、アプリへのエントリポイントと実行ループを作成します。実行ループは、アプリケーション内で作業をスケジュールし、入力イベントを調整できるイベント処理ループです。
2. AppDelegateを定義する
AppDelegate.swiftファイルはAppleDelegateクラスを定義します。AppleDelegateクラスは、アプリのコンテンツが描画されるウィンドウを作成し、アプリがバックグラウンドに移行するときやフォアグラウンドに移行するときなど、状態の移行に応答する場所を提供します。
クラスAppDelegate:UIResponder、UIApplicationDelegate {
上記のコードでは、UIApplicationDelegateプロトコルも採用しています。これは、アプリのセットアップやさまざまなアプリレベルのイベントの処理に使用できるいくつかのメソッドを定義しています。
3.ウィンドウプロパティを定義する
AppDelegateクラスには、アプリケーションウィンドウへの参照を格納する「ウィンドウ」プロパティが含まれています。このプロパティは、アプリのビュー階層のルートを表し、アプリのすべてのコンテンツが描画される場所です。
4.各種スタブ実装
AppDelegateクラスには、次のようないくつかのデリゲートメソッドのスタブ実装も含まれています。
func applicationDidEnterBackground(_ application:UIApplication){
これらのメソッドにより、アプリオブジェクトはアプリデリゲートと通信できます。アプリケーションの状態が変わるたびに、アプリオブジェクトは対応するデリゲートメソッドを呼び出します。たとえば、アプリがバックグラウンドに移行するときは、上記のapplicationDidEnterBackgroundメソッドを呼び出します。
これらの各デリゲートメソッドにはデフォルトの動作がありますが、独自のコードを追加してカスタム動作を定義できます。たとえば、通常は共有リソースを解放するコードを追加して、applicationDidEnterBackgroundスタブ実装を拡張します。 applicationDidEnterBackgroundメソッドは、アプリケーションがバックグラウンドにある間に終了した場合に備えて、アプリケーションを現在の状態に復元するのに十分な状態情報を保存する場所でもあります。
applicationDidEnterBackgroundに加えて、AppleDelegate.swiftには次のメソッドが含まれています。
- didFinishLaunchingWithOptions。 起動プロセスがほぼ完了し、アプリケーションを実行する準備がほぼ整っていることをデリゲートに通知します。アプリケーションのUIがユーザーに表示される前に、このメソッドを使用してアプリの初期化を完了し、最終的な調整を行う必要があります。
- applicationWillResignActive。 アプリケーションがアクティブ状態から非アクティブ状態に移行しようとしていることをデリゲートに通知します。このメソッドは、電話の着信などの一時的な中断、またはアプリケーションがバックグラウンド状態への移行を開始したときにトリガーできます。アプリが非アクティブ状態のときは、最小限の作業を実行する必要があるため、applicationWillResignActiveを使用して進行中のタスクを一時停止し、タイマーを無効にする必要があります。また、この機会に未保存のデータを保存して、ユーザーがバックグラウンドでアプリケーションを終了することを選択した場合に失われないようにする必要があります。
- applicationWillEnterForeground。 iOS 4.0以降では、このメソッドは、バックグラウンドからアクティブなフォアグラウンド状態へのアプリの移行の一部として呼び出されます。このメソッドを使用して、アプリケーションがバックグラウンドに入ったときに行った変更を元に戻す必要があります。
- applicationDidBecomeActive。 これにより、アプリが非アクティブ状態からアクティブ状態に移行したことがデリゲートに通知されます。通常、これはユーザーまたはシステムがアプリケーションを起動するときに発生しますが、ユーザーがアプリを電話やSMSなどの一時的な非アクティブ状態に移行させる割り込みを無視することを選択した場合にも発生する可能性があります。 applicationDidBecomeActiveメソッドを使用して、アプリケーションが非アクティブ状態の間に一時停止されたタスクを再起動する必要があります。
- applicationWillTerminate。 このメソッドは、アプリケーションが終了することをデリゲートに通知します。このメソッドを使用して、ユーザーデータの保存や共有リソースの解放など、必要なクリーンアップを実行する必要があります。このメソッドにはタスクを実行して戻るまでに約5秒あり、この制限時間を超えると、システムはプロセスを完全に強制終了する場合があることに注意してください。
プロジェクトのテスト:iOSシミュレーターの実行
Single View Appテンプレートを使用したため、プロジェクトにはiOSで実行するのに十分なコードが既に含まれています。
XcodeにあらかじめパッケージされているiOSシミュレータを使用して、iOSプロジェクトをテストできます。 Android Studioのエミュレーターと同様に、iOSシミュレーターを使用すると、さまざまな画面サイズと解像度のデバイスを含むさまざまなデバイスでアプリの外観と機能をテストできます。
iOSシミュレーターでプロジェクトを実行しましょう。
- 「アクティブなスキームを設定する」を選択します(次のスクリーンショットのカーソルがあります)。
- 「iPhone 8」、「iPad Air 2」、「iPhone X」など、エミュレートするデバイスを選択します。シミュレーターは、デフォルトでiPhone 8 Plusをエミュレートします。
- Xcodeツールバーの左上で、「実行」ボタンを選択します(次のスクリーンショットのカーソルがあります)。
- iOSアプリを初めてテストする場合、Xcodeは開発者モードを有効にするかどうかを尋ねます。開発者モードでは、Xcodeは毎回パスワードを要求することなく特定のデバッグ機能にアクセスできるため、特別な理由がない限り、通常は開発者モードを有効にします。
Xcodeがプロジェクトの構築を完了すると、iOSシミュレーターが起動し、アプリの読み込みが開始されます。 Androidエミュレーターと同様に、これは時々遅いプロセスになる可能性があるため、我慢する必要があるかもしれません(おそらく、これをコーヒーを飲む機会として使用してください!)
アプリケーションが読み込まれると、真っ白な画面が表示されます。 Single View Appテンプレートは機能しているiOSアプリケーションかもしれませんが、それは正確には エキサイティング アプリケーションなので、いくつかのUI要素を追加しましょう。
Interface BuilderでUIを作成する
XcodeのInterface Builderは、Android Studioでのレイアウトエディターの機能と同様に、アプリケーションのUIを視覚的に設計および構築する方法を提供します。
ナビゲーション領域を見ると、シングルビューアプリテンプレートが既に「Main.storyboard」ファイルを生成していることがわかります。 絵コンテ ファイル。ストーリーボードは、アプリのUIを視覚的に表現したもので、Interface Builderで編集できます。
アプリのストーリーボードを見るには、ナビゲーション領域でMain.storyboardファイルを選択します。 Interface Builderが自動的に開き、アプリのUIが表示されます。UIは現在1つの画面で構成されています。
この画面には、画面の左側を指す矢印が付いた単一のビューが含まれています。この矢印は、ストーリーボードのエントリポイントを表します。これは、ユーザーがアプリを起動したときに最初に表示される画面です。
iOSのオブジェクトライブラリへのアクセス
UIを構築する最も簡単な方法は、Xcodeのアイテムを使用することです オブジェクトライブラリ。このライブラリには、画像ビュー、ナビゲーションバー、スイッチなど、画面上に表示されるオブジェクト、および動作を定義するがジェスチャレコグナイザーやコンテナビューなど表示されないオブジェクトが含まれます。
タップするとアラートを表示するボタンを作成します。まず、オブジェクトライブラリからボタンを取得して、アプリに追加します。
- Xcodeワークスペースの右下に向かって、「オブジェクトライブラリを表示」ボタンを選択します。または、Xcodeのメニューから[表示]> [ユーティリティ]> [オブジェクトライブラリを表示]を選択します。
- オブジェクトライブラリに、UIに追加できるすべてのさまざまなアイテムのリストが表示されます。このリストをスクロールして、使用可能なオプションを確認します。
- ボタンを追加したいので、「フィルター」テキストフィールドに「ボタン」と入力し、リストに表示されたらボタンを選択します。
- ボタンオブジェクトをキャンバスにドラッグします。ドラッグすると、ボタンの配置に役立つ水平および垂直ガイドのセットが表示されます。配置に満足したら、マウスを離してボタンをUIに追加します。
属性インスペクターを使用してオブジェクトをカスタマイズする
次に、ボタンにテキストを追加する必要があります。 Xcodeの属性インスペクターを使用して、オブジェクトをカスタマイズできます。
- Xcodeツールバーから「表示」>「ユーティリティ」>「属性インスペクタを表示」を選択します。属性インスペクターがXcodeワークスペースの右側に表示されます。
- キャンバスで、ボタンオブジェクトを選択します。
- 属性インスペクターで「タイトル」セクションを見つけ、デフォルトの「ボタン」テキストを独自のテキストに置き換えます。
キーボードの「Return」キーを押すと、Interface Builderがボタンを更新して新しいテキストを表示します。
この時点で、ボタンの背景色やテキストに使用するフォントを変更するなど、ボタンの他の属性をいくつか試すことができます。
ユーザーインターフェイスのプレビュー
iOSシミュレーターでアプリケーションを実行することでアプリケーションをテストできますが、これが常にアプリケーションがどのように形成されているかを監視する最も簡単な方法とは限りません。
UIを作成するとき、Xcodeの「プレビュー」ウィンドウで変更をプレビューすることで時間を節約できます。「プレビュー」ウィンドウは、通常のXcodeワークスペースの一部として表示されるセカンダリエディターです。
- Xcodeのメニューバーから[表示]> [編集]> [アシスタントエディターの表示]を選択します。
- アシスタントエディターのメニューバーで、[自動]を選択します。
- [プレビュー]> [Main.storyboard(プレビュー)]を選択します。アシスタントエディターには、通常のエディター領域と並んでアプリのユーザーインターフェイスのプレビューが表示されます。
- アプリのUIをさまざまな向きでプレビューするには、プレビューウィンドウの下部までスクロールし、[回転]ボタンを選択します。
UIをソースコードに接続する
iOSの開発では、アプリのコードとユーザーインターフェースは別々であり、1行のコードを記述することなく基本的なUIを作成しました。ただし、コードとUIを別々に保つことにはマイナス面があります。プロジェクトのUIViewControllerクラスとViewControllerクラスを掘り下げて、ソースコードとユーザーインターフェイスの関係を明示的に確立する必要があります。
UIViewControllerはiOSアプリケーションの基本的な構成要素であり、ボタン、スライダー、テキストフィールドなどのUI要素を保持します。デフォルトでは、UIViewControllerには空のビューがあるため、View Controllerと呼ばれるUIViewControllerを拡張するカスタムクラスを作成する必要があります。
プロジェクトの「ViewController.swift」ファイルを開くと、Single View AppテンプレートがすでにView Controllerを生成していることがわかります。
クラスViewController:UIViewController {
現在、このViewControllerクラスはUIViewControllerによって定義されたすべての動作を継承するだけですが、UIViewControllerによって定義されたメソッドをオーバーライドすることにより、このデフォルトの動作を拡張およびカスタマイズできます。たとえば、現在ViewController.swiftファイルはviewDidLoad()メソッドをオーバーライドしていますが、実際にはそうではありません 行う UIViewControllerのこのメソッドのバージョンを呼び出す以外のすべて:
オーバーライドfunc viewDidLoad(){super.viewDidLoad()//ビューをロードした後に追加のセットアップを行う//}
このチュートリアルの範囲を超えていますが、独自のコードをviewDidLoad()メソッドに追加することにより、このイベントに対するView Controllerの応答をカスタマイズできます。たとえば、通常はアプリで必要な追加のセットアップを実行します。
舞台裏では、Single View AppテンプレートがViewController.swiftクラスとMain.storyboard間の接続を自動的に作成しました。実行時に、ストーリーボードはViewControllerのインスタンスを作成し、ストーリーボードのコンテンツが画面に表示されます。
これにより良いスタートが切れますが、ソースコードがこれらの個々の要素と通信できるように、ストーリーボード内の個々の要素をViewController.swiftファイルにリンクする必要があります。
私たちのタスクは、ボタンとソースコードの適切なセクションの間に接続を作成し、ユーザーがボタンをタップするたびにアプリケーションがアラートを表示するようにすることです。
アクションメソッドの作成
ボタンをタップするのはイベントなので、作成する必要があります アクションメソッド、アプリケーションが特定のイベントにどのように応答するかを定義するコードのセクションです。
アクションメソッドを作成するには:
- ナビゲーション領域で、Main.storyboardファイルが選択されていることを確認します。
- [表示]> [アシスタントエディター]> [アシスタントエディターの表示]を選択して、Xcodeのアシスタントエディターを開きます。
- エディターセレクターバーで[自動]をクリックし、[自動]> [ViewController.swift]を選択します。
- この時点で、ViewController.swiftファイルとStoryboardの両方が画面上に表示されるはずです。 ViewController.swiftファイルで、次の行を見つけて、その下に数行の空のスペースを追加します。
クラスViewController:UIViewController {
- ストーリーボードで、ボタンUI要素を選択して、青で強調表示します。
- Controlキーを押しながら、ViewController.swiftファイルで作成した空のスペースにボタンをドラッグします。アクションメソッドが作成される場所を示す青い線が表示されます。
- メソッドの位置に満足したら、ボタンを離すとポップアップが表示されます。
- ポップアップで、「接続」ドロップダウンを開き、「アクション」を選択します。
- 次に、[イベント]プルダウンを開き、[Touch Up Inside]を選択します。これは、ユーザーがボタンの中に指を置いたときにトリガーされるイベントです。
- このアクションに「alertController」という名前を付けます。
- 「接続」をクリックします。
Xcodeは次の「alertController」メソッドを作成します。
@IBAction func alertController(_ sender:Any){}
ここで何が起こっているかを正確に分析しましょう。
1.このメソッドがアクションであることを示します
「IBAction」属性は、このメソッドをアクションとしてInterface Builderに公開します。これにより、このメソッドをUIオブジェクトに接続できます。
2.メソッドを宣言します
Swiftでは、「func」キーワードを使用してメソッドを宣言し、その後にメソッドの名前を続けます。
3.いくつかのパラメーターを定義する
次に、括弧のセット内にいくつかのオプションのパラメーターを定義します。このパラメーターは、入力として使用されます。
パラメーターの各セットには、コロン(:)で区切られた名前とタイプが必要です。
func alertController(_ sender:Any){
ここで、メソッドは「送信者」パラメーターを受け入れます。これは、アクションのトリガーを担当したオブジェクト、つまりボタンを参照します。また、このパラメーターは「Any」タイプにすることもできます。
これで、ユーザーがボタンをタップするたびに、アプリはalertController(_ sender :)メソッドを呼び出します。
接続を確認する
「alertController」メソッドを作成したら、ボタンに適切に接続されていることを確認できます。
- ナビゲーション領域で、「Main.storyboard」ファイルを選択します。
- Xcodeのメニューバーで、[表示]> [ユーティリティ]> [接続インスペクターを表示]を選択します。接続インスペクターがXcodeワークスペースの右側に沿って開きます。
- エディター領域で、ボタンを選択します。
接続インスペクターには、使用可能なイベントのリストと、各イベントが発生するたびに呼び出される対応するメソッドを含む「送信済みイベント」セクションなど、このボタンに関する情報が表示されます。
「Touch Up Inside」イベントが「alertController」メソッドに接続されていることがわかります。したがって、ユーザーがこのボタンを操作するたびに「alertController」メソッドが呼び出されることがわかります。
ただし、問題があります。「alertController」メソッドが呼び出されたときに何をすべきかを実際に定義していません。
警告ダイアログの作成
iOSでは、UIAlertControllerを使用してアラートを作成できます。これは、AndroidのAlertDialogとほぼ同等です。
ViewController.swiftファイルを開き、次を追加します。
クラスViewController:UIViewController {@IBAction func showAlert(_ sender:Any){let alertController = UIAlertController(title: "Title"、: "Hello、world!"、preferredStyle:.alert)alertController.addAction(UIAlertAction(title: "Cancel "、スタイル:.default))self.present(alertController、animated:true、completion:nil)}
ここで何が起こっているかを詳しく見てみましょう。
1.定数を宣言する
Swiftでは、「let」キーワードを使用して定数を宣言するため、まずalertControllerという定数を宣言します。
2.のコンテンツを設定する
これで、アラートのタイトルを定義し、次のことができます。
let alertController = UIAlertController(title: "Title"、: "Hello、world!")
3.スタイルを設定する
これはアラートであるため、「アラート」スタイルを使用しています。
let alertController = UIAlertController(title: "Title"、: "Hello、world!"、preferredStyle:.alert)
4.アクションを追加する
次に、addAction()メソッドを使用してアクションボタンを追加します。
alertController.addAction(UIAlertAction(title: "Cancel"、スタイル:.default))
5.アラートを表示する
UIAlertControllerオブジェクトを構成したら、ユーザーに表示する準備が整います。次のスニペットでは、ViewControllerにalertControllerオブジェクトにアニメーションを表示するように要求しています。
self.present(alertController、animated:true、completion:nil)}
完成したiOSアプリをテストする
次は、プロジェクトをテストします。
- Xcodeのツールバーの[実行]ボタンを選択します。
- iOSシミュレーターにアプリケーションが表示されたら、ボタンをクリックしてください。アラートが画面に表示されます。
まとめ
このチュートリアルでは、iOS向けの開発に関するいくつかの実践的な経験を得ました。 Xcode IDEとSwiftプログラミング言語に精通しながら、ボタンとアラートで構成されるシンプルなアプリケーションを作成しました。
iPhoneおよびiPad用のアプリの開発を開始する予定はありますか?または、Flutterなどのクロスプラットフォーム開発ツールを好みますか?以下のコメントでお知らせください!