本書は「iOSアプリ開発 UI実装であると嬉しいレシピブック」の第三弾です。これまでに引き続き、UI実装のアイデアや具体的な手法についてフォーカスした、UI実装に関する実装解説をまとめています。
それ以外にも、表現や動きが特徴的でかつ、ユーザーにもほんの少しだけ遊び心を与えるような楽しい感覚を抱かせてくれるようなUI実装に関する解説も収録。iOS13から登場したCombineやSwiftUIを利用して構築したサンプルにも触れた内容となっています。
【目次】
第1章 構造が複雑な写真表示UI
第2章 iOS13からの機能を使ったUI
第3章 Screen With Passcode Lock
第4章 Layout With SwiftUI
目次プレビュー
- はじめに
- 第1章 構造が複雑な写真表示UI
- 第2章 iOS13からの機能を使ったUI
-
動作環境及びバージョン
-
誤表記などに関するお問い合わせに関して
-
サンプルに関して
-
各章のサンプルの難易度とUI画面
-
1.1 事前準備に関して
-
1.2 本章でのサンプル実装における概要
-
1.3 それぞれの画面における実装と役割について
-
1.4 利用したライブラリの紹介
-
1.5 複雑な形のサムネイル画像の縦横比を意識したタイル状の表示画面を実装する
-
1.6 記事一覧をタブ型表示とスクロール切り替えを伴う画面を実装する
-
1.7 カスタムトランジションやスクロールの変化に応じた動きをする詳細画面を実装する
-
2.1 事前準備に関して
-
2.2 本章でのサンプル実装における概要
-
2.3 それぞれの画面における実装と役割について
-
2.4 利用したライブラリの紹介
-
2.5 APIモックサーバーから表示データを取得する部分をCombineで実現する
-
2.6 UICollectionViewCompositionalLayoutを利用して、セクションごとのレイアウトを構築する
-
2.7 DiffableDataSourceを利用した差分更新を意識した表示用データを構築する
-
2.8 Combine Frameworkを利用したMVVMアーキテクチャを実現する
-
2.9 UITableViewについてもDiffableDataSourceを利用する
-
2.10 API通信処理に関連する部分テストコードについて
-
2.11 その他UICollectionViewCompositionalLayoutを利用した例
-
3.1 事前準備に関して
-
3.2 本章でのサンプル実装における概要
-
3.3 サンプル実装画面に関する説明
-
3.4 利用したライブラリの紹介
-
3.5 本章のサンプルで利用しているアーキテクチャに関して
-
3.6 コンテンツ一覧からセミモーダルビューで表示する画面を実装する
-
3.7 パスコードロック機能にひと工夫を加えるためのポイント解説
-
3.8 パスコードロック画面を実装する
-
3.9 機能を更によりよくするためのアイデアや導入時に注意するといい点
-
4.1 事前準備に関して
-
4.2 本章でのサンプル実装における概要
-
4.3 サンプル実装画面に関する説明
-
4.4 利用したライブラリの紹介
-
4.5 本章における各画面を構成するView要素の分割に関して
-
4.6 ライブラリ「ASCollectionView」を利用した実装
-
4.7 ライブラリ「WaterfallGrid」を利用した実装
-
4.8 画面トップ位置に配置したサムネイル画像のパララックス表現部分の実装
-
4.9 本章のサンプルで利用しているその他ExtensionやUI調整に関する紹介