制作复选框(Toggle)

Posted 2020-08-09 _Soy

怎样判断是否应当使用复选框

　　复选框，就是对一个选项做上一个标记，表示这个选项已经被选中了。在游戏中，复选框一般用来做一些选项的控制，这种选项一般都只有两种答案：是和否。例如，单击一下开启音乐的复选框，这个复选框上就打了一个勾，然后音乐在游戏中就会开发；如果再单击一下，则这个勾会取消掉，然后音乐相会在游戏中关闭。这就是复选框最常见的用法。

　　要判断是否要使用复选框时，可以遵循以下规律。

　　　　(1)该功能只有两种选择状态：是、否。

　　　　(2)该功能同一时间只能激活且必须激活一种选择状态。

　　　　(3)该功能的两种状态为互斥关系，如果选择了一种状态，则自动关闭另一种状态。

　　复选框其实就是一个开关，可以通过单击它来切换打开和关闭。一般开关的应用包括了选项勾选和页签。页签是复选框功能的一个高级应用。

 

创建复选框

　　1.第一种方法：使用NGUI做好的预设。

　　2.第二种方法：自己拼装复选框控件。

　　　　(1)通过Unity顶部NGUI菜单Create中选择创建一个Sprite，然后设置它的图片，让这个Sprite作为复选框的底框。

　　　　(2)因为需要这个复选框来接收单击事件，所以为这个底框Sprite制作一个BoxCollider，方法可以使用Unity顶部NGUI菜单中Attach->BoxCollider。

　　　　(3)需要为这个复选框创建一个复选框的核心组件：UIToggle，选中底框后，通过选择AddComponent->NGUI->Interaction->UIToggle为这个复选框的底框附加一个UIToggle组件。

　　　　(4)在这个底框的Sprite下面创建一个新的、表示选中状态的Sprite，比如一个勾。

　　　　(5)将这个表示选中状态的Sprite拖动到底框UIToggle组件中StateTransition模块下的Sprite选项中，然后将底框的UIToggle组件中的Starting State勾上。

 

　　一般情况下，会在复选概况的旁边写上一些文字，表示这个复选框代表的什么选项，即在底框物体下面创建一个Label作为子物体，然后调整位置即可。

 

复选框的核心组件UIToggle

　　1.Group

　　　　开关组的设置。默认为0，表示没有开关组。

　　　　当有多个Toggle的Group星等且都不为0的时候，表示它们在同一个开关组当中，同一个开关组内的开关只允许打开一个。

　　　　当一个Toggle不属于某一个开关组，既Group为0时，它就属于一个独体开关，可以通过自身来进行开关，当它属于某一个开关组时，就无法通过单击自身来进行开启和关闭了，因为一个开关组内必须要有一个开关是出于开启状态，它必须通过开关组内部的过个Toggle之间的切换来进行关闭和开启。

　　2.Starting State

　　　　是否初始状态，如果选中，则为初始状态，不选中则不是。

　　　　这个设置项的意义在于：当开关是一个独立开关(Group为0)时，勾选Starting State意味着在初始状态下，开关属于开启状态。当开关属于一个开关组时，勾选Starting State则意味着在初始状态下，这个开关组中初始处于代开状态的为这一个开关。

　　　　当一个开关组中有一个以上的开关都勾选了Starting State时，则以这个组中排在最后的一个勾选了Starting State的Toggle为默认开启的开关。

　　3.State Transition 模块

　　　　这个模块是为了设置勾选的时候的一些关联UI表现。

　　　　Sprite是设置选中状态下要显示出来的Sprite。设置的方法为，将表示选中的Sprite拖动到这个选项中即可。

　　　　Animation是设置状态切换时的动画。

　　　　Transition是选择开关切换时的一个平滑效果，里面提供了两种选项进行选择：Smooth和Instant，如果选择Smooth，则在进行开关切换时，表示选中的那个Sprite的消失和出现会显示得更加平滑一些；如果选择Instant，则开关切换时，表示选中的那个Sprite的消失和出现会瞬间出现。

　　4.On Value Change

　　　　这里是设置当前开关状态改变时触发的函数。