LoginSignup
22
15

More than 5 years have passed since last update.

@kazuman519(Kazuma Miura)in株式会社エス・エム・エス

【Unity】簡単に、Buttonの子オブジェクトの色を押下時に同期できるスクリプトの紹介

Posted at

概要

　Unityで、以下のような階層で複数の画像やテキストを重ねて一つのボタンを作るとする

スクリーンショット 2017-06-27 17.28.32.png

　すると、以下のようにButtonに指定されているTarget Graphicの色しか変更されない問題が発生し、違和感のあるボタンができてしまう

button_but.gif

　本来以下のような挙動になってほしい

gif_button_color_sync.gif

　そこで今回は、最初に説明したような作りのボタンでも簡単に上のような挙動のボタンにできるスクリプトを作成したので紹介する

スクリプト

SyncButtonPressedColorBehaviour

　スクリプト自体は上記Repositoryに上げているのですぐにコピペで使用 & デモで試しに触ってみることができる

使い方

1. 事前準備

  • このスクリプトでは、ボタンを押した時のフェードアニメーションでDOTweenというTweenエンジンを利用している
  • もし入れてないない場合 & 単純なコピペですぐに利用したい場合はAssetsStoreからインストールする必要がある
  • DOTweenを利用しないで対応したい場合は、フェードアニメーションをしている部分を独自の実装に置き換えていただければ利用できる

2. アタッチ

スクリーンショット 2017-06-30 8.39.23.png

  • これで、ボタンを押下した時、離した時、押しながら指を動かした時の色の挙動が通常のボタンの挙動と同じになる
22
15
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
Sign upLogin
22
15