Unity 3D使用UGUI实现图片按钮点击改变图片
教你如何使用Unity 3D的UGUI实现图片按钮点击改变自身的图片,适于初学者。
操作方法
- 01
打开Unity 3D,新建一个文件夹,将图片素材拖入。
- 02
点击图片,将图片改成以下属性,两张都改。在弹出的提示窗口选择"apply"。
- 03
场景中新建两个按钮,命名为Button1,Button2。将Button控件下的"Text"控件删除并更改适合图片的大小。
- 04
点击Button1,将素材图片1拖到"Source Image"属性中,素材图片二拖到Button2的对应属性。
- 05
在文件夹鼠标右键点击新建一个c#脚本。
- 06
代码如下,关键代码,gameObject.SetActive (false);此脚本作用是隐藏控件,写好后保存代码。
- 07
将脚本挂到Button1上。
- 08
点击Button2,点击如下方位添加一个点击事件。
- 09
将Button1拖到以下位置。
- 10
分别点击以下按钮,设置属性。
- 11
设置完成后有个可选的框,勾选代表"显示",不勾选代表"隐藏"。这里选择勾选,就是说点击Button2时,Button1显示出来。再添加一个点击事件,设置成点击Button2时,Button2自身隐藏。将Button1按照此思路也设置两个点击事件。
- 12
设置完成后点击运行,就能看到效果了。
赞 (0)