Unity UI 作るのめんどくさい問題。
Web や モバイルAppの場合はMUIなどのUIライブラリを使えます。
Unity で簡単で無料で使えるライブラリはないかと探していました。
今回は使っていていい感じな Shapes 2D の使い方のメモです。
↓ Shapes 2D のアセットストアのリンク
https://discussions.unity.com/t/free-shapes2d-procedural-2d-shapes-for-sprites-and-ui/627914
Shapes 2Dの公式ドキュメントはこちらから確認できます。
https://sub-c.org/Shapes2D/documentation
まず最初の状態です。

Body と書いてあるボタンをカスタマイズしていこうと思います。
(それ以外のボタンは既にShapes 2D を適応しています)
Asset Store からダウンロードしてインポートします。
次にスタイルをつけたいオブジェクト(ボタン)をヒエラルキーから選択します。
続いて、インスペクターパネルから[Add Component]ボタンをクリックして[Shapes 2D]を選択します。


以下のような感じで、shape Type を Rectangle に設定して、Roundness Per Corner にチェックを入れると上の左右だけに角丸をつけられます。
このようにこのコンポーネントを使うと他にも、5角形など様々な形を選択でき、角丸の設定も容易にできるため、ゲームのようなリッチなUIではなく、Web埋め込みなどで使う場合や、業務用のプロジェクトにちょうどいいなと思います。


コードを書いてUIを作っていける UI Toolkit 等もあるので、そちらも試してみたいと思います。
coiai
この記事もおすすめ
株式会社coiaiは、「想像できることを美しく実現」を掲げ、XR・Web・アプリ・システム開発およびDX支援を行う会社です。 創業2022年、東京都練馬区に本社を置き、要件のヒアリングからPoC(概念実証)、本番運用まで一貫して伴走します。 まずはお気軽にご相談ください。
主なご相談内容
詳しい会社情報は会社概要ページでご覧いただけます。