Unity 3D使用UGUI实现图片按钮点击改变图片

作者:流年 | 创建时间: 2023-08-12
教你如何使用Unity 3D的UGUI实现图片按钮点击改变自身的图片,适于初学者。...
Unity 3D使用UGUI实现图片按钮点击改变图片

操作方法

打开Unity 3D,新建一个文件夹,将图片素材拖入。

点击图片,将图片改成以下属性,两张都改。在弹出的提示窗口选择"apply"。

场景中新建两个按钮,命名为Button1,Button2。将Button控件下的"Text"控件删除并更改适合图片的大小。

点击Button1,将素材图片1拖到"Source Image"属性中,素材图片二拖到Button2的对应属性。

在文件夹鼠标右键点击新建一个c#脚本。

代码如下,关键代码,gameObject.SetActive (false);此脚本作用是隐藏控件,写好后保存代码。

将脚本挂到Button1上。

点击Button2,点击如下方位添加一个点击事件。

将Button1拖到以下位置。

分别点击以下按钮,设置属性。

设置完成后有个可选的框,勾选代表"显示",不勾选代表"隐藏"。这里选择勾选,就是说点击Button2时,Button1显示出来。再添加一个点击事件,设置成点击Button2时,Button2自身隐藏。将Button1按照此思路也设置两个点击事件。

设置完成后点击运行,就能看到效果了。

点击展开全文

更多推荐