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コード)

関連記事

I20160129-115948.jpg

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

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

記事を読む

I20151202-232710.jpg

【Swift 2】配列(Array)を初期化する方法

Swiftで配列(Array)を初期化する方法についてまとめてみたいと思います!   

記事を読む

I20160126-141427.jpg

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

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

記事を読む

I20150721-164252.jpg

【書籍】iPhoneアプリ開発の初心者にオススメの本「詳細! Swift iPhoneアプリ開発 入門ノート」

     Swift 1.1、Xcode 6.1、iOS 8.1に対応している書籍「詳

記事を読む

I20150808-104713.jpg

【Xcode】シミュレーターリストの表示がおかしくなった時の解決方法

Xcodeのシミュレーターリストの表示が、上のスクリーンショットのようにおかしくなってしまっ

記事を読む

I20150909-225806.jpg

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

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

記事を読む

I20160210-140020.jpg

【Xcode】モーダル表示で遷移先へ値を渡す時のハマりポイント

モーダル表示で遷移先の画面へ値を渡す際、最初はハマりやすいポイントについて解説したいと思いま

記事を読む

20150522-105524.jpg

【書籍】初心者にオススメな本!「これからはじめる Apple Watchアプリ開発入門」

Apple Watchは買いましたか?使ってますか?アプリを作ってみたくはないですか? という

記事を読む

20141027-113224.jpg

【Swift】「詳解 Objective-C 2.0 第3版」の著者による「詳解Swift」が予約受付中!

「詳解 Objective-C 2.0 第3版」の筆者「荻原 剛志」さんによる新しい技術書「詳細

記事を読む

20140810-193043.jpg

WordPressでObjective-Cのソースコードをキレイに整形して表示する方法

WordPressの記事内で、Objective-Cのソースコードをキレイに整形して表示する方法

記事を読む

20170423-182541
良肌研究室のフェイスウォッシュとオールインワンジェルを使ってみた

株式会社ブラシナさんから、良肌研究室の商品をご提供頂いたので、

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で、タブバーアイコン非選択時の

→もっと見る

PAGE TOP ↑