UGUI的Button和Toggle

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_33574890/article/details/82319581

Button属性

• 这两个组件都是由基本组件组成的
• Button 由Text，Image，Button 三个组件组合实现的
• Interactable 是否可用，表示当前的按钮是否可以交互
• Transition 过渡，Color Tint 和Sprite Swap，最常用的是图片过渡方式
• 颜色过渡
  
  • Highlighted Color 滑过时的颜色
• 图片过渡
  
  • 高亮图片，鼠标进入就会触发，项目开发过程中，保持为空，否则点击按钮后会一直为该图片

Button 事件绑定

• 属性面板绑定
  
  • 注意必须编写一个无参无返回值且公开的方法
  • 在属性面板上添加一个新的项
  • 拖拽当前这个脚本赋值给新添加的项
  • 在Function的位置选择对应的方法
• 编写一个无参无返回值且私有的方法
• 找到Button游戏组件
• Button.onClick.AddListener(方法名)
• 方法名不是字符穿
  #### Toggle 属性
  
  • 切换键，复选框
  • Toggle 组件组成部分分析
    
    • Image 组件（背景图片）
      
      • Image组件（复选标记，只要当选中时，该图片才会显示）
        ·- Text组件（功能文字描述）
• 注意背景图片和复选标记是属于交叠状态，如果想只显示一个，可以利用Toggle.isOn获取当前复选框被选中的状态来切换
• Is On ，面板上该属性只是响应UI的状态切换，在面板上操作则不会影响,在代码里面可以影响
• Target Graphic 对应Toggle的背景图
• Graphic 对应的是Toggle的选中图

Toggle 事件监听

• m_Toggle.onValueChanged.AddListener(事件名)
• 当复选框的状态改变了就会调用这个回调函数，函数本身应该是和委托相同的签名，无返回但是有一个bool的参数，接收复选框的状态

- 方法为私有