Swift・iOS

Swiftを中心に学んだことを記録に残すブログです。技術に関係ない記事もたまに書いています。

iOS

【SwiftUI】ScrollViewReaderを使ってScrollViewの特定の行にスクロールする

はじめに 開発環境 サンプルイメージ 実装 おわりに 参考 はじめに ScrollViewReaderを使って、特定の行にスクロールする実装を試したので記事に残します。 開発環境 macOS Big Sur 11.3.1 Xcode 12.5 Swift 5.4 サンプルイメージ 実装 ScrollViewReaderでSc…

【SwiftUI】LazyVGridを使ってUICollectionViewのようなUIを表現する

はじめに 開発環境 本題:LazyVGridでグリッドデザインを表現する 並べ方に関して アイテムを詰めて並べる 1行あたりのアイテム数を指定して並べる 余白の設定に関して 行間の余白を設定 LazyVGridの上下左右の余白を設定 画面遷移に関して おわりに 参考 は…

【SwiftUI】エラー "Extra arguments at positions #11 ... in call" "Extra argument in call"の原因

はじめに 開発環境 本題 エラーが発生するコード なぜエラーが発生する? エラーの解消方法 エラー解消後のコード おわりに 参考 はじめに 表題のエラーに関して調べた内容のメモ。 開発環境 macOS Big Sur 11.2.3 Xcode 12.4 Swift 5.3.2 本題 エラーが発生…

【SwiftUI】WKWebView内のページの読み込み状況をUIProgressViewで表示する

はじめに サンプルイメージ 開発環境 本題 実装方針 実装 WebView.swift ContentView.swift(WebViewの使用例) おわりに 参考 はじめに WKWebViewの読み込み状況をUIProgressViewで表示する実装について試したので、記事に残します。 サンプルイメージ 開発…

【SwiftUI】Menuを表示する

はじめに 開発環境 サンプルイメージ 実装 おわりに 参考 はじめに iOS 14.0から使えるようになったMenuを試したので記事に残します。 開発環境 macOS Big Sur 11.2.3 Xcode 12.4 Swift 5.3.2 サンプルイメージ 実装 import SwiftUI struct ContentView: Vie…

【SwiftUI】アプリを開いた時/閉じる時に処理を実行する(ライフサイクルがSwiftUI Appの場合)

はじめに 開発環境 本題 実装に関して 気になった点 おわりに 参考 はじめに アプリを開いた時/閉じる時に処理を実行する方法に関してメモ。 開発環境 macOS Big Sur 11.2.3 Xcode 12.4 Swift 5.3.2 本題 実装に関して ScenePhaseを使用することで表示状態を…

【SwiftUI】WKWebViewの戻る/進む/再読み込みの機能を実装する

はじめに 開発環境 実装 WebView.swift ContentView.swift(WebViewの使用例) おわりに 参考 はじめに 【SwiftUI】WKWebViewを使えるようにする - Swift・iOSに記載した実装内容を修正して、WKWebView用のボタン(戻る/進む/再読み込み)を設置してみたので…

【Swift】構造体の配列をUserDefaultsで保存/取得する

はじめに 開発環境 本題 保存/取得する方法 例 おわりに 参考 はじめに 構造体の配列をUserDefaultsで保存、または取得する方法について記載します。 開発環境 macOS Big Sur 11.2.3 Xcode 12.4 Swift 5.3.2 本題 保存/取得する方法 以下公式ドキュメントに…

【Swift】WKWebViewで表示しているページのURLとタイトルを取得する

はじめに 開発環境 本題 該当のメソッド SwiftUIでの実装例 おわりに 参考 はじめに 【SwiftUI】WKWebViewを使えるようにする - Swift・iOSの続きです。今回はWKWebViewで表示しているページのURLとタイトルを取得する方法について記載します。 開発環境 mac…

【SwiftUI】"Fatal error: No ObservableObject of type ~ found. A View.environmentObject(_:) for ~ may be missing as an ancestor of this view."の解決方法

はじめに 開発環境 本題 エラー発生時の状況 エラーの解決方法 おわりに 参考 はじめに 表題のエラーに関して、発生時の状況と解決方法を記事に残します。 開発環境 macOS Big Sur 11.2.3 Xcode 12.4 Swift 5.3.2 本題 エラー発生時の状況 sheetでEnvironmen…

【SwiftUI】Listの行を並び替える

はじめに 開発環境 イメージ 実装 おわりに 参考 はじめに Listの行を並び替える実装について記事に残します。 開発環境 macOS Big Sur 11.2.3 Xcode 12.4 Swift 5.3.2 イメージ 実装 NavigationViewにEditButtonを追加し、"onMove(perform:)"を使うと行を並…

【SwiftUI】Listの行を削除する方法(スワイプで削除/選択して削除/複数の行を同時に削除)

はじめに 開発環境 実装 スワイプで行を削除したい場合 選択して行を削除したい場合 複数の行を同時に削除したい場合 おわりに 参考 はじめに Listの行を削除する方法についてまとめました。 開発環境 macOS Big Sur 11.2.3 Xcode 12.4 Swift 5.3.2 実装 ス…

【SwiftUI】Listの各行ごとに別のモーダルビュー(sheet)を表示する

はじめに 開発環境 サンプルイメージ 実装 SettingView.swift SettingViewModel.swift SceneDelegate.swift おわりに 参考 はじめに 【SwiftUI】ListからNavigationLinkで画面遷移する - Swift・iOSの続きです。今回はListからモーダルビューへ画面遷移する…

【SwiftUI】ListからNavigationLinkで画面遷移する

はじめに 開発環境 サンプルイメージ 実装 SettingView.swift SampleView.swift SceneDelegate.swift おわりに 参考 はじめに 【SwiftUI】セクションごとに分けてListを表示する - Swift・iOSの続きです。今回はListからNavigationLinkを使って画面遷移する…

【SwiftUI】セクションごとに分けてListを表示する

はじめに 開発環境 サンプルイメージ 実装 おわりに 参考 はじめに 【SwiftUI】Listを表示する - Swift・iOSの続きです。今回はListをセクションごとに分けて表示する実装を試したので記事に残します。 開発環境 macOS Big Sur 11.2.3 Xcode 12.4 Swift 5.3.…

【SwiftUI】Appのプロトコルに準拠した構造体で"environmentObject(_:)"を適用する

はじめに 開発環境 本題 おわりに 参考 はじめに プロジェクト作成時にLife CycleをSwiftUI Appにすると生成される、「Appのプロトコルに準拠した構造体」で"environmentObject(_:)"を適用する方法のメモ。 開発環境 macOS Big Sur 11.2.3 Xcode 12.4 Swift …

【SwiftUI】SFSafariViewControllerを使えるようにする

はじめに 開発環境 実装 使用例 おわりに 参考 はじめに UIViewControllerRepresentableを使って、SFSafariViewControllerをSwiftUIで使用できるようにしてみました。 ※WKWebViewをSwiftUIで使いたい場合は以下記事を参考にしてみてください。 【SwiftUI】WK…

【SwiftUI】モーダルビューを全画面表示にする

はじめに 開発環境 本題 通常のモーダルビューとの実装の違い 全体のコード おわりに 参考 はじめに モーダルビューを全画面表示する実装についてメモ。 開発環境 macOS Big Sur 11.2.3 Xcode 12.4 Swift 5.3.2 本題 通常のモーダルビューとの実装の違い 【S…

【SwiftUI】アラートを表示する

はじめに 開発環境 手順 全体のコード おわりに 参考 はじめに アラートを表示する手順をまとめました。 開発環境 macOS Catalina 10.15.7 Xcode 12.2 Swift 5.3.1 手順 ContentView.swiftを開いて、Textを削除。 ContentView.swift 画面右上の"+"を選択。 "…

【SwiftUI】モーダルビューを実装する

はじめに 開発環境 本題 手順 モーダルビューを実装するファイルを追加 モーダルビューを呼び出す モーダルビューに閉じるボタンを追加 全体のコード おわりに 参考 はじめに モーダルビューを実装する手順をまとめました。 開発環境 macOS Catalina 10.15.7…

【SwiftUI】TextFieldを実装する

はじめに 開発環境 本題 手順 全体のコード おわりに 参考 はじめに TextFieldを実装する手順をまとめました。 開発環境 macOS Catalina 10.15.7 Xcode 12.2 Swift 5.3.1 本題 手順 ContentView.swiftを開いて、Textを削除。 ContentView.swift 画面右上の"+…

fastlaneまとめ

はじめに fastlane関連記事 入門 実践入門 おわりに はじめに fastlaneの公式ドキュメント(fastlane docs)に従って、CI環境の構築を試してきました。ある程度fastlane関連の記事がたまってきたので、この記事にリンクをまとめたいと思います。 fastlane関…

【Swift】UICollectionViewでUITableViewのUIを表示する

はじめに 開発環境 実装 おわりに 参考 はじめに iOS14で実装できるようになった、Lists in UICollectionViewを試してみました。 開発環境 macOS Catalina 10.15.7 Xcode 12.2 Swift 5.3.1 実装 Main.storyboardでUICollectionViewを追加。 Main.storyboard …

【Swift】GitHubのREST APIを使ってユーザーを検索する

はじめに 開発環境 実装 Main.storyboard ViewController.swift TableViewCell.xib TableViewCell.swift Session.swift Request.swift SearchUsersRequest.swift ItemsResponse.swift Result.swift User.swift おわりに 参考 はじめに アーキテクチャやテス…

【Swift】Core Dataを使って情報を保存/取得する

はじめに 開発環境 手順 おわりに 参考 はじめに Core Dataを使って、情報を保存する処理と取得する処理について簡単に実装してみたので記事に残します。 開発環境 macOS Catalina 10.15.7 Xcode 12.2 Swift 5.3.1 手順 "Use Core Data"にチェックを入れる。…

【SwiftUI】TabViewのタブ選択時の処理を実装する

はじめに 開発環境 本題 おわりに 参考 はじめに TabViewのそれぞれのタブを選択した時の処理を実装する方法について記載します。 開発環境 macOS Catalina 10.15.7 Xcode 12.2 Swift 5.3.1 本題 onChange(of:perform:)を使うことで、各タブを選択した時の処…

【SwiftUI】プッシュ通知を選択した時に特定の画面に遷移する

はじめに 開発環境 本題 動作イメージ 全体の実装 AppDelegate.swift SceneDelegate.swift RootView.swift RootViewModel.swift HomeView.swift PushDetailView.swift PushDetailViewModel.swift WebView.swift 補足 おわりに 参考 はじめに Firebase Cloud …

【SwiftUI】Firebase Cloud Messagingで受信したプッシュ通知の内容をSwiftUIのViewで利用する

はじめに 開発環境 本題 おわりに 参考 はじめに Firebase Cloud Messagingで受信したプッシュ通知の内容をSwiftUIのViewで利用する実装について記事に残します。 ※Firebase Cloud Messagingの導入に関しては、以下の記事に記載しています。 【Firebase Clou…

【Firebase Cloud Messaging】受信したメッセージを処理する

はじめに 開発環境 本題 おわりに 参考 はじめに 【Firebase Cloud Messaging】導入の手順 - Swift・iOSの続きです。今回は受信したプッシュ通知のメッセージを処理する方法について記事にします。 開発環境 macOS Catalina 10.15.7 Xcode 12.2 Swift 5.3.1 …

【Firebase Cloud Messaging】テストメッセージを送信する

はじめに 開発環境 手順 おわりに 参考 はじめに 【Firebase Cloud Messaging】導入の手順 - Swift・iOSの続きです。今回はFirebase Cloud Messagingを導入したアプリに、Firebaseコンソールからプッシュ通知をテスト配信する手順について記事にしました。 …