Unity UGUI之 Toggle剖析,学习经典demo,音乐开关设计,背包商城设计

Toggle的深度剖析:


toggle 

  英  ['tɒg(ə)l]   美  ['tɑɡl]
  • vt. 拴牢,系紧
  • n. 开关,触发器;拴扣;[船] 套索钉

这是一个UGUI默认的Toggle,很明显 也是符合组件,由两个image和一个text组成,

在inspector面板中,其中需要主要注意的有:

Target Graphic 这里是目标交互区域,(鼠标点击区域),选择为背景的image;

 

is On 是是否开启,也是这个组建的关键点,

 

Graphic 与isOn关联的是否显示的图片,在默认的Toggle里面是"对号✅"的image,

选中时显示对号,取消时隐藏多好图片.在后期自定义时很有用,很关键.

比如在背包商城系统中的的title bar 中的选中状态,图片精灵的更换,在此绑定.

 

Group Toggle组,当有多个Toggle,只能默认勾选一个时,就需要将Toggle分组,这样自动只能勾选组中的其中一个.这个经常选为众多Toggle的父物体为Toggle Group.

 

toggle 最常用的还是自定义,选项框,

如自定义的按钮

 

如Title Bar 


在这个UI中 Tab1,Tab2,tab3都是挂了Toggle,操作中只会选中其中一个激活,并利用是够isOn,来关联下方的那个Panel可以被激活,来达到切换内容的目的.

源码链接:https://download.csdn.net/download/u013509878/10384991

猜你喜欢

转载自blog.csdn.net/u013509878/article/details/80155982
今日推荐