2016-11-26 9 views
1

いいえ、私はUI要素に精通していませんが、3つのアイコンをタップしてタブ間を移動する必要がありますが、新しいタップアイコンの方向に移動するには画像の色が必要です。以下の図に示すように、選択したアイコンが白い埋めることになります。そして、 Unity:タブアイコンの間でアニメーションを作成する方法は?

enter image description here

第二選択時に1:

enter image description here

私はこれを行う方法を知っているが、私が作成しているように見えるカント何白い背景がアイコンの後ろに移動して次のアイコンに移動するように見える、それらの間のスイッチをアニメーション化しています。私は、任意の例を見つけることができませんでしたが、このように:

enter image description here

私はこれをどのように行うことができますか?私のプロジェクトでは、四角形だけでなく実際のアイコンも持っています。アセットストアにこのようなアイコンはありますか?

+0

にを変更逆さまの画像を埋めるためには、多分UIマスクを見てみましょう:https://unity3d.com/fr/learn/tutorials/topics/user-interface-ui/uiを-mask - ボタンを切り替えるときに2番目のアイコンを "塗りつぶし"ながら、最初のアイコンを "空"にする必要があります。 – Hellium

答えて

1

あなたのボタン画像用のFilledイメージタイプを使用することができます。

enter image description here

例えばキャンバスにアニメーターを追加します(UIルート)。アニメータに複数の状態を追加し、それぞれに1つのアニメーションを作成します。各アニメーションで、希望の画像のFillAmountを変更します。

これらの塗りつぶされたイメージは、階層内の境界線イメージの直前に存在して、それらの背後にあるはずです。

また、アニメータ/アニメーションの部分をスキップして、コルーチンまたは単にUpdateメソッドでコード内で行うこともできます。

だけTop

+0

素晴らしい。アニメーションと一緒にコーディングをしましたが、完璧に動作します。良い解決策! – skyguy

関連する問題