はてなブックマーク

UINavigationControllerを使うと複数のViewControllerを階層的に管理できます。 下の例はストーリーボードを使わずに3つのViewControllerをBarButtonを使って遷移させています。

前に UIImagePickerController でカメラを扱いましたが、AVCapturePhotoOutputを使うとより細かく設定可能です。 iOS9まではAVCaptureStillImageOutputでしたが非推奨となり、代わりがこのAVCapturePhotoOutput です。 iOS11から jpegPhotoDataRepresentation が非推奨となり、fileDataRepresentation を使うようになりました。またPermissionも少し変わりました。 画面タップでシャッターを切る例です。 この記事でのカバー範囲と注意点です。 実機で試す simulatorではデバッグできません、実機で試してください。 Info.plistの編集 以下を設定しないとエラーになります。 NSCameraUsageDescription NSPhotoLibrar

UIImagePickerControllerを使ってみますが、これに限らずCameraを扱う場合ユーザー許可を得ないとcrashします。 Cocoa Keys Cocoa Keys This app has crashed because it attempted to access privacy-sensitive data without a usage description. The app’s Info.plist must contain an NSCameraUsageDescription key with a string value explaining to the user how the app uses this data. こういうエラーが表示されたら、説明の通りInfo.plist にNSCameraUsageDescriptionの設定を行いましょう。

SafeAreaを考慮せずに放っておいて実際に困ることは、ステータスバーやホームインジケータにボタンや文字が被りユーザーからは使いにくいアプリとなってしまいます。 Appleもそこは適切な対応を求めています。特に広告は致命的ですね。 Storyboardで設定する方法は他にありますが、ここでは動的にコードでSafeAreaの取得と画面回転のケースを想定してみたいと思います。 SafeArea上下左右は safeAreaInsets から取得することができます。ただしこれは viewDidLoadでは受け取れず、その後の viewDidAppear で受け取れます。（この前でも取れるようですが） PortraitではSafeAreaと画面に上に44.0, 下に34.0の余白があります。 例）iPhone X また、画面が回転するときは viewSafeAreaInsetsDidChange(

iOSアプリからWebにアクセスしたいときは、SFSafariView, WKWebView, （UIWebView）などを使うと可能です。あるいはSafariに投げてしまうこともできます。 Webページを表示する方法はいくつかあります。他のブラウザアプリ、Safariなどへ渡してしまったり、ある程度標準的なUIが付随しているSFSafariViewControllerを使うこともできます。またWKWebViewを使ってカスタマイズすることも可能です。 今まであったUIWebViewは推奨されていません。UIWebViewでは通信関連APIが操作される可能性があり、セキュリティ上好ましくないのと、クラッシュ率が高いという理由からWKWebViewあるいはSFSafariViewControllerを使う方がいいようです。

画像をAssets.xcassetsに追加 適当な画像を４枚選んで使います。ここではヨガの画像を yoga_0@2x.jpg から yoga_3@2x.jpg という名前にしてAssets.xcassetsにコピペします。@2xを名前に入れてあるので2xとして設定されています。 UIScrollViewの設定 ScrollViewは、「View」「Show Library」からObjectsライブラリーが現れるので ScrollViewを検索するとでてきます。 Storyboard を開き背景色を適当に決めます。Scroll View をSafeAreaあたりに設置します。 ここでScroll View の Paging Enabled にチェックを入れることにより、ページスクロールが可能となります。 import UIKit class ViewController: UIViewCon

目次 ラベルテキスト テキストの色：textColor フォント：font テキスト中央寄せ(左右寄せ)：textAlignment 複数行：numberOfLines テキストの影：shadowColot, shadowOffset ラベル背景色 backgroundColor ラベル位置サイズ frame transform center bounds layer.position frame.origin ラベル枠 layer.borderColor, layer.borderWidth

Background Modes バックグラウンド実行 – Apple Developer には、audioや位置情報、通知などはバックグラウンドでも動作することが必要なので説明も多いようです。 audioは継続的にバックグラウンドで動作させたいので実際に使って見ます。 Background Modesの設定 「TARGET」->「Signing & Capabilities」から「＋Capabilities」をクリックするとダイアログが表示されるので「Background Modes」を選択します。 Background Modesが追加されるので、「Audio, AirPlay …」にチェックします。 Info.plist に background modes が追加されています。

画像の設定 画像をいくつか用意してAssets に入れます 端末のサイズに適応できるように画像サイズを@2x, @3xに調整しますが、とりあえずはテストとして@2xの画像ファイル名にしておきました コードを記述 画面サイズに応じてボタン位置を変更したい場合は、コードで書いた方が便利です。 UIImage のインスタンスを生成 UIButton のインスタンスを生成 TypeはCustomがデフォルト設定 表示するフレームを設定 ビューへ貼る Button actionを設定 UIButton のaddTarget メソッドを使う UIControlEventTouchUpInside に設定 AspectFitとHorizontal, Verticalの拡大をコードで入れます。なお、ここではSafe Areaを考慮していません。 ViewController.swift import UI

AdMob Firebase 今までAdMobはSDKを入れて設定するだけでしたが、Googleはより詳細な解析ができるFirebase版を提供しています。 Firebase を iOS プロジェクトに追加する Firebase を iOS プロジェクトに追加する こちらに従ってすすめます。尚、Googleのドキュメントの整合性がとれていないところがあります。 事前準備： Xcodeでアプリのプロジェクトを作成してバンドル識別子を決める バンドル識別子とは「Bundle Identifier」あるいはBundle IDです。例えばこのようなもの：com.example.TestAdMob Bundle IDの設定は iOS App IDs を登録するを参考に アプリに Firebase を追加する： Firebaseへの登録が必要で、そこでBundle IDを使います。最終的にはFireb

画面遷移先の View Controller を新しく作成 この作業をする前にView Controller の概要を表示してくれる「Minimap」が煩わしいので消しておきます 「Editor」から「MiniMap」のチェックを外すと消えます Mainを選択し、ライブラリーボタン からView Controllerを選択 、スクリーンに置きます。 この View Controller に対応するClass を新たに作成します。 メニューの「File」「New」「File…」 「iOS」-> 「Swift File」 を選択 名前を SubViewController.swift (例) として プロジェクト内に「create」する Where、Group、Targets はそれぞれのプロジェクト名 swift ファイルはほとんど空の状態ですので、最低限のクラスとしての記述をします。 Su

Localizationとはアプリを各国の言語に合わせることです。英語圏では英語でラベルを表示させ、日本語圏では日本語のラベルにするわけです。通常デフォルトとしては英語にしておいて、日本語圏のみ日本語にする、それ以外は英語というのが簡単です。 もちろん翻訳を入れ込んで各言語に対応することもできます。（もっとも国や地域によっては英語にしないと無理な場所もあります） Localizationの追加 Xcodeの「PROJECT」(TARGETではありません)「Info」の「Localization」の下に「Use Base Internationalization」がありチェックされていると思います。 Development Language はdefaultでEnglishが設定されています。 「+」から追加したい言語を選びます。 例えば日本語を追加します。 ローカライズするファイルの選択で

カメラで撮影の時に暗所ではflash LEDが点灯しますが、このflashのみを点灯させてたり、明るさを変えたりしてみたいと思います。 torchMode FlashとかTorchと言われるものでカメラでフラッシュを焚く代わりの明るいLED発光です。 これはそもそもカメラで使うものですが、このライトだけ欲しいと考える人は結構いると思いますし、実際簡単なペンライトの代わりになります。同じように画面全体を白で発光させてライトの代わりにしようというアイディアも出てきます。 カメラ機能に付随するのでAVFoundationをインポートして、 AVCaptureDevice.TorchMode.on AVCaptureDevice.TorchMode.off からLEDの点灯を制御できます。 ON/OFFだけでなく、レベルを変えることもできます。 setTorchModeOnWithLevel(le

import UIKit class ViewController: UIViewController { @IBOutlet var imageView:UIImageView! @IBOutlet var label:UILabel! var transScale = CGAffineTransform() var transTrans = CGAffineTransform() var transRotate = CGAffineTransform() var transMiller = CGAffineTransform() // 画面の横幅を取得 var screenWidth:CGFloat! var screenHeight:CGFloat! var counter = 0 override func viewDidLoad() { super.viewDidLoad() /

iOSアプリを開発して公開するためにCertificate（証明書）を作成します。 Certificateは開発用と製品（配布）用の２種類あります。今回は製品用をメインにしますが、開発用もほぼ同じです。プッシュ通知をしたい場合は、ここで明確に指定しないといけません 概要 iOS Certificate の作成手順　⬅︎ iOS App IDs の登録 Provisioning Profile の作成 アプリ申請のためXcodeでアップロードする App Store Connect にアプリ情報を登録して申請する Certificate の作成 Certificateつまり証明書ですが、Macでの準備が必要です。 証明書に関連する登録作業は開発するものと同じMacで行います。別のMacでの作業は特別な方法で引き継ぐ必要があります。証明書がMacと紐づいているからです。 担当者が辞めた、Mac

resignFirstResponderを設定 キーボートを閉じる操作は自動ではやってくれない仕様になっていますが、フォーカスを外せばキーボードは隠れます。 resignFirstResponder()はフォーカスされている状態を外すためのメソッドです。 textFieldShouldReturnは「Return」や「改行」などのキーをタップした時に呼ばれますので、そのタイミングでresignFirstResponder()を設定するとキーボードを閉じることができます。 Storyboard に UITextField を配置して、入力した文字を表示する Label を下に置きます。見やすくするため Inspector area で背景をそれぞれグレーに設定します。 UITextFieldDelegate をViewControllerに設定して Text Field のデータを受け取りま

iOSアプリの申請の最終段階です。 App Store Connect でスクリーンショットなどを登録して申請まで持って行きましょう。 概要 iOS Certificate の作成手順 iOS App IDs の登録 Provisioning Profile の作成 プリ申請のためXcodeでアップロードする App Store Connect にアプリ情報を登録して申請する ⬅︎ 新規 iOS App 登録は初期設定を既にProvisioning Profile の作成で済んでいると思います。 長い間 iTunes Connectと言っていたのですが、最近 App Store Connect に変わりました、iTunesは開発ではあまり使わないからでしょうか… 「マイ App」をクリックして該当アプリを選択します。 上部メニューにいくつか選択肢がありますが、 App Store ここでア

CertificateとApp IDが作成できたならば、次はProvisioning Profileを作ります。プロビジョニング・プロファイルとは、App ID, Certificate, 端末のUDIDを結びつける役割です。 概要 iOS Certificate の作成手順 iOS App IDs の登録 Provisioning Profile の作成 　⬅︎ アプリ申請のためXcodeでアップロードする App Store Connect にアプリ情報を登録して申請する Provisioning Profile の作成 Provisioning Profile にも Development（開発用） Distribution（配布用） がありますが、ここでは主に Distribution を説明しています。開発用もほぼ同様の流れです。 これまでに以下のものを作成していると思います。な

サンプルコード 画像をプロジェクト内に置きましたので、それを取得するのですがUIImageを使って画像名からインスタンスを作成します。 その後UIImageViewのオブジェクトに画像を設定させるという、２段階での設定です。 storyboardを使わないので、スクリーンサイズと画像サイズを取得しその比率で表示枠を決めて中心位置に設定させます。 storyboardではこの作業はいりませんが、逆に最近端末種類が増えたのでそれぞれのサイズでも中央に来るような対策をする必要もあります。 ViewController.swift import UIKit class ViewController: UIViewController { override func viewDidLoad() { super.viewDidLoad() initImageView() } private func

iOSアプリに◯や三角などの図形を描きたい事は多いです。そんな時はUIBezierPathを使います。iOSでのグラフィックスの扱い方について見てみましょう。 bezier とはベジェ（Bezier）曲線からきているのでしょうか？とすると自由曲線が描けるわけです。まず、ここでは簡単な矩形や楕円などの描画方法を試してみます。 iOS UIBezierPath Class Reference UIView クラスを作成して直線を描く まず押さえるところとして。UIViewからのクラスを作り、それを UIViewController から呼び出して使います。 ナビゲーションエリアでプロジェクトを右クリックして 新しくクラスを作成します 「iOS」->「Source」->「Cocoa Touch class」 Subclass of には UIView を指定します。 ここでは TestDraw

UICollectionView の設定は UITableView と似ているので、これを理解できればUITableViewも作りやすくなります。 また、セルのためのクラスを作成する方法もありますが、ここではTagを使った簡単な方法を採用しました。 storyboard に Collection View を設定 Collection View の配置 storyboard にて Collection View を View Controller に配置します。 特別なレイアウトを想定していないのであれば、Collection View はSafe Area に入れておいた方が分かりやすいです。 Collection View Cell 確認 基本的にはCollection View Cell が既にできています。（以前にここが問題だったのでデフォルトで入っているのでしょう） ちなみに、ユ

App Storeからアプリをリリースするには開発者登録が必要で、毎年99US$程度の費用がかかります。 以前は実機テストも開発者登録が必要でしたが、今では自分のiPhoneだけでテスト用に使うのであれば、無料でApple IDだけでできるようになりました。 Xcodeをインストールする Xcode の使い方 コードの記述について 開発者登録をする 実機でアプリを確認する 公式サポートセンターはこちらです Apple Developer サポート Apple Developer Program 開発者登録をすることを前提にしていますが、実際どのくらい違いがあるのか iOS9からは多少変わりました Choosing a Membership

UITableViewはリスト形式でいくつも要素を追加できるものです。 AndroidではListViewという似たようなものがあります。また、Table View Controllerから直に作る方法もありますが、ここではViewControllerにTableViewを設定する方法です。 UIImageView と UILabel の配置 storyboad にて View Controller に Table View を置きます その上に Table View Cell を追加します そして、UIImageView と UILabel を２つ入れます。 左のView Controller Sceneのヒエラルキー が 「View」>「Table View」>「Table View Cell」>「Content View」> 「Image View」「Label」「Label」 とな

遷移先の ViewController を作成 Single Application を作成 Storyboard に新しく View Controller を作ります 画面遷移をトリガーするためのButtonを置きます。 ButtonとView ControllerをSegueで接続 Buttonを右クリックしてactionの+をつかんで遷移先の View Controller に持っていき離します。すると選択肢が現れるので Present Modally を選びます。 それぞれの選択肢の意味合いは Show UINavigationControllerの画面遷移で画面間に関連性があり「次」「戻る」などに使う。 Show detail UISplitViewControllerのケースで、Master viewとDetail viewの画面遷移を表示 Present modally 現在

iOSアプリ開発は色々と「壁」があります。反面、自分の作ったアプリがiPhone上で動いたときは感動です。 まずそのアプリを作る環境ツールであるXcodeをインストールしましょう。 Xcodeをインストールする ⬅︎ Xcode の使い方 コードの記述について 開発者登録をする 実機でアプリを確認する Xcode ウィンドウの名称 iOSのバージョンと画面・カメラサイズ アプリ開発の概要 開発からアプリリリースまで全体の流れを要約すると 開発ツールである Xcode をインストール Mac が必要（基本的には） iPadでも開発リリースができるようになりましたが、Xcodeは使えないので本格的なプログラミングではありません、Swift Playgroundsを使って楽しくキッズがプログラムを勉強しようというコンセプトです Xcode を使ってコーディング 開発言語は Swift、Swift

地図はGoogleという方もいらっしゃると思いますが、Google Map をiOSでも使うことができます。SDKのインストールするにはいろいろなツールをインストール必要があるので確認してみます。