14

More than 5 years have passed since last update.

@kazuman519(Kazuma Miura)in

株式会社エス・エム・エス

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

Unity

Posted at 2017-06-30

概要

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

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

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

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

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

スクリプト

SyncButtonPressedColorBehaviour

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

使い方

1. 事前準備

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

2. アタッチ

先ほど紹介したリポジトリにある、SyncButtonPressedColorBehaviour.csを目的のボタンにアタッチすれば完了

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

これで、ボタンを押下した時、離した時、押しながら指を動かした時の色の挙動が通常のボタンの挙動と同じになる

14

Register as a new user and use Qiita more conveniently

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up

14