【UGUI】Button按钮

Button

组成

• Button控件

Button控件的组件有Rect Transform组件，Canvas Renderer组件，Image组件和Button组件

• Text控件

Text控件的组件有Rect Transform组件，Canvas Renderer组件，Text组件

 

Button组件

Interactable：是否交互

Transition：过渡方式

Navigation：导航设置

Visualize：

 

Transition

• None：无过渡 
• Color Tint：颜色过渡

1. Target Graphic：作用目标
2. Normal Color：默认颜色
3. Highlighted Color：高亮颜色，选中或鼠标进入
4. Pressed Color：按下颜色
5. Disabled Color：禁用颜色
6. Color Multiplier：颜色切换系数，系数越大变化越快
7. Fade Duration：淡出持续时间，颜色过渡时间

• Sprite Swap：图片切换 

1. Target Graphic：作用目标
2. Highlighted Sprite：高亮图片
3. Pressed Sprite：按下图片
4. Disabled Sprite：禁用图片

• Animation：动画 

1. Normal Trigger：默认触发器
2. Highlighted Trigger：高亮触发器
3. Pressed Trigger：按下触发器
4. Disabled Trigger：禁用触发器
5. Auto Generate Animation：自动生成动画控制器，添加成功自动添加Animator组件

 

事件绑定

• 通过拖拽方式绑定

       添加脚本，编写按钮点击事件，

    public void OnButtonClickHandler()
    {
        print("按钮被点击");
    }

      将脚本挂在一个物体上

 

• 通过AddListener方法绑定

      

 Button button = GameObject.Find("Button").GetComponent();
 button.onClick.AddListener(OnButtonClickHandler);

点击按钮时

 

---

---

UGUI

Canvas

Text

Image

RawImage

Button

Toggle

Slider

Scrollbar

Scroll View

Dropdown

InputField