はなちるのマイノートスマートフォン用の表示で見るはなちるのマイノートUnityをメインとした技術ブログ。エディタ拡張Tweetはじめに今回はUIElementsについての記事になります!unity2019から正式な機能になったUIElementsですが、これはエディタ拡張に用いられたIMGUIというUIフレームワークに代替するものとして作られたものです。「どうせエディタ拡張なんてほとんどしないし、また新しく覚えるのがめんどくさい」と思う方もいらっしゃるのではないでしょうか。Blogと宣言をしていて、どんどんUIElementsの活用が広がり、いずれはuGUIも以降していく流れのようです。そんなこんなで将来的にみても学ぶのは悪くないように思えます。タイトルに”いきなりはじめる”と書かせていただいたのですが、最初から小難しいことは説明せずにまず実際に動かしてみることを最優先してやりたいと思います。ある程度使いこなせるようになったら細かいところを見ていきましょう。2019.2.11f1ファイルを作成するUIElementsを使うためには.uxml,.uss,.csの3つのファイルが必要になります。自分で作成しても良いのですが、Unityには自動でこの3つを生成してくれる機能が備わっているのでそちらを用いましょう。これら3つのファイルは必ずEditorフォルダの中に入れる必要がありますので、まずは「Editor」という名前のフォルダを作成します。すると下の画像のようなウィンドウが立ち上がると思うので、名前を付けて(自動で3つ同じ名前になる)Confirmを押せば3つのファイルが作成されます。最小限のコードにする生成した3つのファイルを見ると、既にコードが書いてあります。こちらを利用してもいいのですが、まずは最小限のコードにしてスッキリ整理をしちゃいましょう(頭の中的にも)。なにもないのはさみしいのでラベルを一つ配置。今回は白紙のスタイルシートでOKです。}}最初の内はこれがテンプレートだと思っていて良いかもしれません。Testをクリックします。見た目を盛る先程のコードをみるとText.uxmlからラベルを配置していて、画面の設計を担当していることが分かります。Test.csはロジック面といえるでしょうか。最後の一つであるText.ussは見た目を整えることが役割です。このように3つのファイルがそれぞれ仕事を分担することが大きな特徴になります。いうわけでまだ試していないText.ussを用いて実際に見た目を盛ってみましょう。0.5)}今回はLabelというC#の型をもとにした「Type」にて対象を決め、フォントサイズ,フォントの種類(太く),色を指定しています。ここの詳細はまた後日書けたらと思います。マニュアルさいごにとりあえず実際に使ってみるところまで紹介したのですが、まだまだ書きたいことが山ほどあるので今後も更新していけたらと思います。自動で生成されたコードはある意味丁寧なんですが、本当の初心者としては結構あきらめたくなるポイントのような気がするんですよね。今回のような最小限なコードならさほど抵抗なくいけたらいいなーと思ってます。よろしければ次はもう少し実用的なものを扱いたいと思っているので是非!www.hanachiru-blog.com追記)最近もう少しだけ詳しくなった気がするので、新しく書き直すかも(しない可能性も)。今回はエディタ拡張で自動的にレイアウトしてくれるス...突然ですがUnityオススメ記事20選!というサイトを作ったのでプチ宣伝。はてなブログProUnityをメインとした技術ブログ。(9)スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。