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)

相关推荐

  • 在PS软件怎么通过调节图片的分辨率来改变图片大小

    我们电脑中的图片,想要改变图片的大小,可以在PS软件中,通过改变图片的分辨率来实现,一起来看看吧.1. 首先打开电脑,找到桌面上的PS软件,双击打开,进入主页面后,依次点击左上角的"文件&q ...

  • 怎么改变图片大小,如何改变图片大小

    怎么改变图片大小,如何改变图片大小.当我们不会那些专业的制图软件,我们要怎么去改变一张图片大小呢,下面我来说下怎么改变图片大小,如何改变图片大小. 操作方法 01 首先打开一张图片. 02 打开图片后 ...

  • psCS6 怎么改变图片大小?ps改变图片尺寸方法

    怎么使用ps改变图片大小?ps改变图片尺寸方法.这有很多的朋友在这个地方不清楚,那我这里就讲一下步骤,有的时候,你改变了尺寸呢,就相当于改动了图片的大小了. 一.改变尺寸 01 把准备好的一张图,打开 ...

  • flash按钮控制实例——改变图片大小深浅

    按钮可以进行很多方面的控制.这里,我们通过一个简单的实例,来看一看,通过点击按钮来实现图片的放大.缩小,以及深浅的改变. 操作方法 01 舞台中导入一张图片.对齐中选垂直居中分布,水平居中分布,使图片 ...

  • 只改变图片大小,而不改变图片像素

    图片太大不能上传怎么办?但是又要保持原像素不变.小编教你一招简单易行的方法.不过要借助QQ影像(相信大家电脑上都有QQ吧,配备QQ影像可以轻松把靓丽的图片上传到空间相册中)这款功能强大的软件.好了,废 ...

  • word中怎么裁剪插入的图片 word2003与word2007裁剪图片步骤

    当我们要在Word文档中使用图片时,会复制粘贴一些图片进文档。但我们有时候只用图片里面的一部分,该怎么操作呢?这就需要使用Word中的裁剪的功能。 在2003版的word文档里使用工具裁剪图片法 1、 ...

  • 如何设置PPT图片的透明色 PPT设置图片透明色

    在编辑ppt的时候,往往需要添加好几张图片,而且图片与背景的颜色需要协调统一,整体色调和谐,下面介绍下如何设置图片透明色 操作方法 01 打开ppt编辑软件,进入主界面,我们在设计ppt的需要选择一个 ...

  • word如何给图片排版(word中图片排版技巧)

    很多同学在提到图片的排版的时候就十分头疼有的图片老跑偏有的图片只看到一半死磕到底结果可想而知排完版之后文档跟菜市场一样乱那么土豆君今天就教你如何优雅地为图片进行排版首先我们要搞清楚下面几种排版方式的区 ...

  • 如何改变SmartArt中图片的比例和位置或改变图片

    SmartArt中图片很多时候只能显示图片的一部分,怎么样可以缩放图片或改变图片部分显示的内容. 操作方法 01 如图所示,我们"插入"图片后,你会发现图片只能显示一部分,怎么样才 ...