【Unity】Aspect Image

Aspect ImageはUntiy UIのImageを継承したBaCu独自UIです。

Imageで表示するSprite画像のアスペクト比を維持した表示が可能です。

自身の親GameObjectのScaleなどの階層や、RectTransformのpivotなどあらゆる状態でもアスペクト比を維持することが可能になり、表示画像が引き伸ばされる問題が解決します。

RectTransformを調整してアスペクト比を維持しているわけではないので、通常のImage同様にShadowやOutline、Maskなどの機能も併用できます。

利用方法

商品のZIPに含まれているAspectImage.unitypackageをダブルクリックしてUnity Projectに追加します。

Hierarchyにて右クリックし、「UI > AspectImage」で生成できます。

※通常のImageと同じ生成方法です。

指定できる描画タイプは以下の３つです。

・Scale To Fill

描画範囲いっぱいに引き伸ばします。

通常のImageと同じです。

・Aspect Fit

アスペクト比を維持して描画範囲内に収まるように調整します。

描画範囲とSprite画像の比率が同じじゃない場合は、描画範囲内に透明の余白ができます。

・Aspect Fill

アスペクト比を維持して描画範囲いっぱいに表示します。

描画範囲とSprite画像の比率が同じじゃない場合は、描画範囲をはみ出ます。

※Unity標準のMaskを活用することで消せます。

動作環境

UnityEditor ： 2017以降

iOS : 8以降

Android : 9以降

Windows : 10以降

Mac : 10.15以降

※動作確認済の環境

アップデート履歴

[2021-03-07: v1.0] Release

...

公式サイト

https://bacu.jp