NGUI复选框Toggle

Toggle简介

Toggle组件经常用于制作具有两个状态的按钮,例如单选框,复选框,页签等。



制作Toggle按钮,通常需要用两个精灵来呈现,分别是背景图,选中时显示的图。方块图既为背景,对勾为选中是要显示的图。

Toggle方法

1) 创建Sprite用于显示背景框图。

2) 在背景图下继续创建Sprite显示对勾。

3)在背景图上添加BoxCollider。

4)在背景图上添加UIToggle组件,并将对勾图拖拽到Sprite属性上。

5)运行程序即可。

Toggle常用属性

  • Group:默认为0,代表不分组。相同Group值得Toggle只能选中一个.
  • Starting State:即程序运行的时候Toggle是否为选中状态。
  • Animator/animation 过度的动画效果
  • Transition 点击状态改变时候的动画是否有过度效果
  • Smooth:淡入淡出
  • Instant:立即出现或消失
  • On Value Change
    当Toggle状态发生改变时,调用的事件
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
NGUI的UI边框流光效果可以通过使用UIHollowedTexture组件来实现。UIHollowedTexture是对UITexture进行魔改得到的组件,可以设置边框贴图,并且支持UV滚动。\[1\] 要实现流光效果,可以通过修改shader的参数来实现。在NGUI的渲染机制中,当渲染时会合并DrawCall,合并的是使用同一材质球的元素。NGUI会新建一个Material,并且在渲染时调用onRender回调函数,将这个新建的Material传递给我们,方便我们进行自定义操作。\[3\] 因此,我们可以在onRender回调函数中修改shader的参数,来实现流光效果。具体的实现方法可以参考相关的教程或者文档。\[3\] 需要注意的是,NGUI在维护以前的Unity项目时仍然很重要,所以对NGUI的了解也是有必要的。\[2\] #### 引用[.reference_title] - *1* [NGUI通用边框流光](https://blog.csdn.net/lzdidiv/article/details/88740159)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [NGUI相关----UITexture图片边缘流光效果](https://blog.csdn.net/blinkseed/article/details/48393501)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [NGUI的流光shader解决方案(一)(支持UITexture和使用图集的UISprite)](https://blog.csdn.net/jw5678/article/details/55002983)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值