uGUIの使い方が分かる本「uGUIではじめるUnity UIデザインの教科書」

公開日: : iPhoneアプリ開発

20150907-185322.jpg

株式会社マイナビ様より献本御礼。

本書は、公式のUIフレームワーク「Unity UI(uGUI)」に関する解説本です。

    

スポンサード リンク

Unityの新しいUIシステム(uGUI)とは?

Unity 4.6以降には、直感的な操作で素早くUIを作ることができる、新しいUIシステムが搭載されています。この新しいUIシステムは、開発中のバージョンでは「uGUI」と呼ばれていました。

ここでいうUIシステムというのは、画面に情報を表示するテキストラベル、ユーザーの操作を受け付けるスライダーやボタンといったもののことですね。

新UIシステムでは、旧GUIシステムの欠点を補い、直感的な操作でUIを素早く作ることができます。また、ビルトインフレームワークとしてUnityに統合されているので、アニメーションやイベントシステムなど、Unityの他の機能とも高い親和性があります。

    

本書の対象者は?

  • Unityを触ったことはあるけど、UIシステムを触ったことは無い方
  • Unityを触ったことはないけど、UIシステムに触れてみたい方

あたりが対象者となるのかなと思います。Chapter1には、Unity未経験者向けに簡単なチュートリアルがありますから、Unity Editorの簡単な使い方なら分かるようになっています(もちろん、詳しい使い方については、他の書籍などを参照する必要があると思います)。

    

基本的なUI要素、インタラクティブなUI要素、自動レイアウト、実践的なUIの制作まで載っている!

本書の構成ですが、まずはChapter1でUnityの概要について。Chapter2でUIの構成としてカンバスやイベントシステムなどについて。Chapter3でイメージやテキストなど、基本的なUI要素について。Chapter4でボタンやスライダーなどインタラクティブなUI要素について。Chapter5で構造化かつ整列されたレイアウトを作るための自動レイアウトについて。Chapter6でタブバーやドラッグ&ドロップなどの実践的なUIについて。Chapter7でiOSやAndroidなどのプラットフォームに依存した機能を使用するためのネイティブプラグインについて。Chapter8でNGUIやiTweenなどUI制作に使えるアセット&ツールについて書かれています。

紙面はカラーで読みやすく、スクリーンショットも豊富に載っているので操作も分かりやすいと思います。

    

目次

以下、本書の目次を載せておきます。

  • Chapter1 Unityの概要
    • Chapter 1-1 Unityとは
    • Chapter 1-2 Unity の起動
    • Chapter 1-3 Unity Editor
    • Chapter 1-4 チュートリアル1:シーンの作成
    • Chapter 1-5 チュートリアル2:スクリプト
    • Chapter 1-6 UIシステム
    • Chapter 1-7 アセットストア
    • Chapter 1-8 そのほかのサービス
  • Chapter2 UIの構成
    • Chapter 2-1 UI要素の作成とカンバス
    • Chapter 2-2 Rect Transformコンポーネント
    • Chapter 2-3 イベントシステム
  • Chapter3 基本的なUI要素
    • Chapter 3-1 イメージ
    • Chapter 3-2 Sprite Editor
    • Chapter 3-3 Sprite Packer
    • Chapter 3-4 ローイメージ
    • Chapter 3-5 テキスト
    • Chapter 3-6 マスク
    • Chapter 3-7 効果
    • Chapter 3-8 UI要素の描画とパフォーマンス
  • Chapter4 インタラクティブなUI要素
    • Chapter 4-1 インタラクティブなUI要素の状態
    • Chapter 4-2 イベント
    • Chapter 4-3 ボタン
    • Chapter 4-4 トグル
    • Chapter 4-5 スライダー
    • Chapter 4-6 スクロールバー
    • Chapter 4-7 スクロールビュー
    • Chapter 4-8 インプットフィールド
    • Chapter 4-9 インタラクションコンポーネントの基本クラス
  • Chapter5 自動レイアウト
    • Chapter 5-1 レイアウト要素
    • Chapter 5-2 レイアウトコントローラー
    • Chapter 5-3 レイアウトグループ
    • Chapter 5-4 ドリブンプロパティ
    • Chapter 5-5 カスタムレイアウト
  • Chapter6 実践的なUIの制作
    • Chapter 6-1 タブバー
    • Chapter 6-2 アニメーションで切り替わるタブバー
    • Chapter 6-3 ページングスクロールビュー
    • Chapter 6-4 ドラッグ&ドロップ
    • Chapter 6-5 セルを再利用して表示するテーブルビュー
    • Chapter 6-6 ナビゲーションビュー
    • Chapter 6-6 アラートビュー
  • Chapter7 ネイティブプラグイン
    • Chapter 7-1 プラグインとは
    • Chapter 7-2 iOS用のネイティブプラグイン
    • Chapter 7-3 Android 用のネイティブプラグイン
  • Chapter8 UI制作に使えるアセット、ツール
    • Chapter 8-1 NGUI: Next-Gen UI
    • Chapter 8-2 iTween & iTween Native Extension
    • Chapter 8-3 TexturePacker & SpriteIllumitator
    • Chapter 8-4 UniRx & LINQ to GameObject
  • APPENDIX UIクラスリファレンス

    

かわいい表紙はアイロンビーズクリエイター「ぬん」さん作!

本書のかわいい表紙は、アイロンビーズクリエイターのぬん(@nun_)さん作です。

20150907-193424.jpg

アイロンビーズの実物を見せて頂く機会があったのですが、腕とかが可動式になっていて凄かったです(*´ω`*)

    

@akio0911はこう思った。

UnityでのUI制作に興味のある方はぜひチェックしてみてくださいね!

    

この記事が気に入ったら「いいね!」しよう

follow us in feedly

Feedlyで最新記事を購読

Twitterで更新情報をゲット!

LINEでご感想・ご要望お送りください!
(スマホでLINEを起動 > 友だち追加 > QRコード)

関連記事

20150410-122409.jpg

複数バージョンのXcodeを共存してMacにインストールする方法

いよいよXcode 6.3が正式にリリースされましたね。 今回は複数バージョンのXco

記事を読む

I20150720-150147.jpg

Apple Watchアプリを作りたいならこの書籍!「詳細!Apple Watch アプリ開発 入門ノート」

     Apple Watchアプリの作り方を学ぶのにオススメな書籍、「詳細!Apple W

記事を読む

20160508-170745.jpg

SwiftTaskで失敗したタスクによって異なるエラー処理を行う方法

SwiftTaskで複数のタスクを.successでチェーンさせ、失敗したタスクによって

記事を読む

I20150714-010114.jpg

【Swift】Objective-Cで書いたクラスをメソッド単位で少しずつSwiftへ移行する方法

Objective-Cで作った既存のアプリをSwiftで書き直したいと思っているのですが、一

記事を読む

I20160126-141427.jpg

Swift 2でtoIntが使えない!unavailableエラーが出た時の対処方法

Swift 2でtoInt()を使うと、 'toInt()' is unavailable:

記事を読む

I20160129-115948.jpg

【対処法】Swift 2(iOS 9)ではUITextFieldのtextがString?になっている

Swift 1(iOS 8)時代において、UITextFieldのtextプロパティは va

記事を読む

I20150909-225806.jpg

Functional Programming in Swiftを読むために、すごいH本を読み終えた感想

「Functional Programming in Swift」という本がありまして、

記事を読む

I20160122-095132.jpg

Swift 2のドキュメントコメントの書き方(JavaDoc的なやつ)

コード補完時やoptionクリック時などに説明が出てくるようにする「ドキュメントコメント(J

記事を読む

I20160409-211651.jpg

Xcode 7.3の新機能についてまとめてみた

2016年3月22日にXcode 7.3がリリースされましたが、自分が知らない機能があるかもしれ

記事を読む

I20151030-214417.jpg

【開発本】SpriteKitの入門書籍「iPhoneのゲームアプリをつくろう!」

SwiftとSpriteKitでiPhoneゲームアプリを開発するための入門書「iPhone

記事を読む

I20170228-002742.jpg
約3ヶ月で体脂肪率を6.2%も落とせたキッカケについて

(右上の赤枠内がダイエット開始前、左下の赤枠内が3ヶ月後の数値

I20161224-174949.jpg
「季節の野菜を直接配送!季節のスムージー」を買ってみた

「FiNCモール」で、「季節の野菜を直接配送!季節のスムージー」を

I20161002-152537.jpg
【メンズネイル】東京・新宿のネイルサロンでマットネイルしてもらった

2016年7月18日、東京・新宿のメンズOKなネイルサロン「Tot

I20160925-163452.jpg
タブバーアイコン非選択時の色を変更する方法【iOS 10】

UITabBarControllerで、タブバーアイコン非選択時の

I20160924-123726.jpg
iPad Pro 9.7インチ SIMフリーモデルにFREETELのSIMを入れて使ってみた

今までiPad miniで使っていたFREETELのSIM

→もっと見る

PAGE TOP ↑