Unity-六

UI 2.0

  • 交互组件
    • (按钮)Button
    • (开关)Toggle
    • (滑动条)Slider
    • (滚动条)Scrollbar
    • 下拉选单 (Dropdown)

交互组件

(按钮)Button

按钮可响应用户的点击并用于启动或确认操作。
Unity-六_第1张图片

属性 功能
Interactable 是否可交互,如果选择按钮可相应点击
Transition Color Tint,Sprite Swap,Animation
Color Tint Target Graphic:交互组件的图案,Normal Color:按钮的正常颜色,Highlighted Color:按钮突出的颜色,Pressed Color:按钮按下时的颜色,Disabled Color:Interactable被禁用时的颜色,Color Multiplier:改变颜色的透明度,Fade Duration:颜色淡出的时间
Sprite Swap Target Graphic:要使用的正常图案,Highlighted Sprite:控件突出显示时要使用的图案, Pressed Sprite:按钮按下时要使用的图案, Disabled Sprite:Interactable禁用时要使用的图案

添加事件
Unity-六_第2张图片
有两种添加事件的方式:
一,点击On Click() 下的+添加。
Unity-六_第3张图片
写点击按钮执行的代码

 using System.Collections; 
 using System.Collections.Generic;
 using UnityEngine; 
 using UnityEngine.UI;
 public class Button : MonoBehaviour
 {   public void ButtonEvent()
     {
         Debug.Log("OK");
     } 
 }

在On Click中添加已经绑定脚本的物体,并选择写好的方法。
Unity-六_第4张图片
点击运行就可以了。
二,动态添加事件

using System.Collections; 
using System.Collections.Generic;
using UnityEngine; 
using UnityEngine.UI;
public class Button: MonoBehaviour
{
 
	void Start ()
    {
        GetComponent<Button>().onClick.AddListener(Click);
	}
 
    void Click()
    {
        Debug.Log("OK");
    }
}

(开关)Toggle

开关是让用户打开或关闭某个选项的复选框。
开关中Interactable属性与Transition属性和按钮控件相同

属性 功能
Is On 代表开始时开关是否为打开状态
Toggle Transition 开关在其值发生变化时以图形方式作出的反应。提供的选项为 None_(即复选标记直接出现或消失)和 Fade_(即复选标记淡入或淡出)
Graphic 用于复选标记的图像

Toggle Group(开关组)
Toggle Group可以在Add Component中直接搜索添加
开关组只能同时打开一个开关,因此主要用于调查问卷或测试的单选题。
如果开启Allow Switch Off 则可取消勾选。

(滑动条)Slider

滑动条控件允许用户通过拖动鼠标从预定范围中选择数值。(通过滑动条改变数值)

属性 功能
Fill Rect 用于控件滑动条滑过的图形
Handle Rect 控制滑动柄的图形
Direction 滑动条滑动的方向,如从左向右(Left To Right),从上到下(Top To Bottom)等
Whole Numbers 滑动条是否是按整数改变
Value 滑动条当前值
Min Value 最小值的大小
Max Value 最大值的大小

用途:可以设置声音,亮度等可调节大小的组件。
Unity-六_第5张图片

(滚动条)Scrollbar

滚动条控件允许用户滚动由于太大而无法完全看到的图像或其他视图。
滑动条与滚动条有一部分功能相似但主要是用于滑动查看过多的内容。

Unity-六_第6张图片

下拉选单 (Dropdown)

此控件会显示当前选择的选项。单击后,此控件会打开选项列表,以便选择新选项。选择新选项后,列表再次关闭,而控件将显示新选择的选项。如果用户单击控件本身或画布内的任何其他位置,列表也将关闭。
Unity-六_第7张图片

属性 功能
Template 下拉使用的模板样式
Caption Text 当前显示的文本
Caption Image 当前显示的图片
Item Text 下拉框选项模板里的文字
Item Image 下拉框选项模板里的图片
Options 可选则的项,可以增加或删除

下拉选单的子物体

Dropdown:图片,带Dropdown组件,作为选中框的底图

Label:文本,作为标题文本,当前显示的文本

Arrow:图片,作为下拉按钮

Template:生成下拉列表的模板,可以在这里修改下拉列表的显示样式

Item Background:图片,这里可修改下拉列表Item的背景设置
Item Checkmark:图片,这里可修改下拉列表Item的前面的勾,可以根据需要进行修改
Item Label:文本,这里可修改下拉列表Item的的文本,根据需要修改

Scrollbar:滑动条

你可能感兴趣的:(UI,unity,unity,学习)