✨ 概要

「少しの工夫とアイデアでできる表現集」として、これまでサンプル開発や実務の中で培ったノウハウ等から、UI実装いくつかのまとまったサンプル実装を例にUI構築をする上で重要な実装ポイントやアイデアを紹介していく形式にしてみました。

これからiOS アプリを本格的に開発していこうと考えている方や、UI 実装や表現に関する部分にさらなる磨きをかけていきたい方にとって本書が少しでもお役に立つことができれば幸いです。

✨ 収録サンプルのダウンロードについて

下記URLにこの中で解説を行なっているサンプルコードのGithubリポジトリも公開しておりますので、是非実際のコードとご一緒に活用して頂ければと思います。

https://github.com/fumiyasac/ios_ui_recipe_showcase

✨ 目次

まえがき

• 動作環境及びバージョン
• サンプルに関して
• 誤表記などに関するお問い合わせに関して
• サンプルのURLと見た目

第1章 サイドナビゲーション型のUI

• 1.1 ContainerViewに関するおさらい
• 1.2 ContainerViewの活用ポイント
• 1.3 スライドするメニュー表示の概要と実装
• 1.4 StoryBoard構成とコードの解説
• 1.5 コーヒーブレイク

第2章 写真を拡大する画面遷移UI

• 2.1 View実装に関するTips集
• 2.2 使用したライブラリのご紹介
• 2.3 カスタムトランジションの基本実装
• 2.4 画面遷移前の一覧画面の実装
• 2.5 画面遷移後の詳細画面の実装
• 2.6 本サンプルにおける画面遷移表現のまとめ
• 2.7 コーヒーブレイク

第3章 Tinder風のUI

• 3.1 実装する上でのポイント
• 3.2 処理の橋渡しを行うプロトコル実装
• 3.3 画面に追加した際の演出
• 3.4 カード状のViewとUIPanGestureRecognizer
• 3.5 UIViewControllerとの連携部分の実装
• 3.6 UIScrollViewを利用した画像表示の実装
• 3.7 コーヒーブレイク

第4章 入力フォームの実装例

• 4.1 入力に関するView部品の実装
• 4.2 使用したライブラリのご紹介
• 4.3 UITableViewを利用した表現Tipsの紹介
• 4.4 入力フォームの部分に関する画面実装
• 4.5 コーヒーブレイク

あとがき

• 今回の執筆に当たって
• 筆者プロフィール