8
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

MayaAdvent Calendar 2020

Day 15

視認性万歳 Maya用ツールのちょいこん

Last updated at Posted at 2020-12-14

Maya Advent Calendar 2020

皆様、師走の候いかがお過ごしでしょうか?

私?私は一件仕事が終わったと思ったら、別件でタスクが倍になって返ってきました。

お仕事あるのはありがたいですけど、入るものは変わらんとです…

はい。というわけで今年のMayaアドカレも小ネタを刻んでいきたいと思います。

今年はアイコンにまつわるお話です。

iconlist_12.png
何かしらツールを作るときのアイコンってかなり重要です。

ボタンだけの味気ないツールを起動するよりも、ボタンをアイコンボタンにしたツールを起動する方がテンションが上がります。

時間のかかるプロセスにスプラッシュなんかつけようものなら、なんかスプラッシュが見たくて実行したくもなります。

待ち時間も苦じゃありません。

そんなわけで、GUIが必要なツールは極力見てわかる、楽しめる、デザイン性があるものにするのを心情(信条)にしてまして、

ツール用のアイコンもそのために用意します。

が、

アイコンを作るのがめんどいことめんどいこと…

アイコンありのツールが作られにくい理由ってそこにあると思うんですよね。

というか、Mayaとかですでにアイコンあるならそれでいいじゃん(いいじゃん)

※注意※
ここから先は知ってるって人は結構いると思うので、途中まで読んでそう思ったら迷わず他の人の記事にいきましょう。

私的備忘録的な意味合いが強い記事なので、そっちの方がきっと有意義な時間を過ごせます。







アイコンリスト

Mayaで使用しているデフォルトのアイコンを取得するには、

cmds.resourceManager(nameFilter="*")

で取ってこれます。

ここで取れるアイコン名は、MayaのUIで、アイコンが使用できるものにそのまま使えます。

cmds.nodeIconButton(i='fileOpen.png', st='iconOnly', c='fileOpen()')

みたいな感じです。

これによって、(本当はどこにあるのかわかんなくて気になるけど)パスなしでアイコンを使うことができます。

あと、問題があるとすればどの名前のものがどんなアイコンなのか…ということなんですが、

それは有志の方がアイコンをリストして見れるツールを配布しているのでそういうのを使ってみてください。

さて、すでにやってみたことがある方はわかると思うんですが、

案外Mayaデフォルトで入ってるアイコンでも必要なものが足りなかったりします。

私の場合特に、あったとしてもデザインが気に入らなかったりします。

あんまり問答無用にアイコン使ってもUIがしっちゃかめっちゃかになったりするんですよね。





そんなわけで楽しようとした結果ひねり出したのが、他のデフォルトアイコンを使うという選択肢。

はい、もうお分かりですね。ここまで読んで「知ってる」って人は他の人の記事に行きましょう!

時間がもったいないです。





気を取り直しまして…

Pyside(Qt)側にもあるんです。デフォルトアイコン。

これを使えばさらに選択肢が増えます。

これまた、有志の方がアイコンを一覧できるようなツールを作ってくれているので使ってみてください。





ちなみにですが、Maya内で、PysideでMayaのアイコンを使う際ですが、

QtGui.QIcon(':/hoge.png')

のように書くと、Mayaコマンドのようにフルパスじゃなくても認識されます。







私的アイコンチョイス

というわけで、一体なんのためにこの記事を書いたかという本題。

毎回リストから選ぶのめんどいということで、私的によく使う、汎用的に使えそうなものをチョイスしてみました。

あいこんちょいす略してちょいこん。

はい。完全に自分用リストですね。

ファイル名のものはMayaデフォルト、QtWidgets.QStyleがついているものはQtのデフォルトです。

早速行ってみましょう。

アイコン アイコン名 用途 コメント
iconlist_00.png fileOpen.png ファイルダイアログ用ボタン Qt側にもあるが、こっちは白黒なのでUIのデザインにマッチしやすい。
iconlist_01.png QtWidgets.QStyle.SP_DialogApplyButton チェックマーク, OK用表示 チェックマークって日本だと馴染みないですが、緑色のチェックマークというのが良いところ。
馴染みなくてもOKって意味で捉えやすい。
iconlist_02.png caution.png, QtWidgets.QStyle.SP_MessageBoxWarning 警告表示 そのまま。
iconlist_04.png QtWidgets.QStyle.SP_MessageBoxCritical エラー表示 そのまま。
iconlist_05.png error.png エラー表示。 x部分が透過な分ちょっと軽めに感じるので、こっちはキャンセルとか、閉じるとかにも使える。
iconlist_03.png QtWidgets.QStyle.SP_MessageBoxInformation 注意や情報表示 親しみのあるアイコンなので意図が伝わりやすい。
warningの1ランク下の警告的意味合いも持たせられて便利。
iconlist_06.png QtWidgets.QStyle.SP_BrowserReload リロードボタン UIのリロードとかあらゆるリロードに使えるアイコン。
ネットで見かけるオリジナルアイコンよりも断然親しみやすくわかりやすい。
青色の方がリロードボタンの存在をちょっと強調できるので好き。
iconlist_07.png hotkeySetSettings.png オプションとか設定表示 ギア=設定ですよね。
iconlist_08.png nodeGrapherNext.png 進む表示 他にも似たようなのありますが、やっぱ白黒&シンプルでデザインを合わせやすいのがいいです。
iconlist_09.png nodeGrapherPrevious.png 戻る表示 他にも似たようなのありますが、やっぱ白黒&シンプルでデザインを合わせやすいのがいいです。
iconlist_10.png removeRenderable.png, QtWidgets.QStyle.SP_TrashIcon 削除 ゴミ箱=削除ですよね。
iconlist_11.png fileSave.png セーブ これ以外にもいっぱいありますが、どれも似たような感じなのでどれでもいいです。
個人的にはQtよりもMayaの方がラインが際立ってアイコンっぽいので好きです。




# おわに ここで紹介してないのもあるんですが、用途がちょと限定的とかだったり、自分でもまだ使ったことがなかったりなので、

残りは君の目で確かめてみてくれ!(攻略本)

今までのをうまいこと使えば↓ こんな感じで、ノードがリファレンスしているパスの先のものがどうなっているのかの情報が一目で認識できるようになったりします。
iconlist_12.png

アイコンによる視認性万歳。(∩´ω`)∩








ということでここまで(:3ノシ )ヘ



* ※免責事項※
本記事内で公開しているコードの安全性について、当方は一切の保証を与えておりません。
これらのコードを使用したことによって引き起こる損害に対し、当方は一切責任を負うものではありません。
自己責任でご使用ください。*

8
1
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
8
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?