LoginSignup
11
10

More than 5 years have passed since last update.

4.6のUIでレスポンシブデザイン(ボタンなどを解像度に合わせて伸縮)

Last updated at Posted at 2015-01-13

record20150114.gif

スマホゲームにはマルチ解像度対応がつきものです。Unityは(Cocos2d-xと比べると)それが面倒な印象がありました。今年はここらへんも地道にクリアしたいものです。

新しいUnityのUI(ugui)に触れてみて、Panelが縮めばその子のボタンも縮むことが感じ取れました。

ということは・・・
簡単にレスポンシブデザインが組める?!
と思ったものの中々うまくいかず、調べても全然なく、だいぶハマったのでメモ。

手順

① UI > Panel を配置

② Panelの親のCanvasの設定(Canvas Scaler)を以下に
スクリーンショット 2015-01-14 2.05.04.png

③Panelの設定(Rect Transform)を以下に
スクリーンショット 2015-01-14 2.09.45.png

④あら不思議Panelの子オブジェクトが伸縮するよ
record20150114.gif

情報ソース

たくさん英語サイトなど回りましたが結局テラシュールウェアさんにお世話になりました。
いっぱいサイトあるのに、なぜかいつもここにたどり着く不思議・・
「uGUIのアスペクト比を固定する(修正版)」
http://tsubakit1.hateblo.jp/entry/2014/12/11/223427

11
10
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
11
10