【UGUI】Interaction Components

来源:互联网 发布:淘宝客如何设置优惠券 编辑:程序博客网 时间:2024/04/30 13:04

Interaction Components

UI互动交互组件,如Mouse、Touch事件,Keyboard事件。

Selectable Base Class

所有的交互组件都有相同的特点,那就是它们都能交互,都具有可视化的状态转换,以及都可通过键盘和控制器来进行组件选择操作。

状态转换有多种方式来过渡:

  • Color Tint - Button可以根据不同的状态,改变为对应状态的颜色,同时还支持淡入淡出,Fade Duration为状态转换的时间,值越大,淡入淡出的过程越长。

  • SpriteSwap - Button可以根据不同的状态,改变为对应状态的图片,所有状态的图片都可以自己指定。

  • Animation - Button可以根据不同的状态,执行对应状态的动画,因此,必须给Button添加Animator组件,同时需要指定动画的控制者Animation Controller,可以通过点击“Atuo Generate Animation”按钮来添加Controller。注意:根动画需要被禁止(暂时还不懂)。

  • None - Button在不同状态下无需状态转换。

Navigation 

导航选项决定在播放模式下,UI组件被怎样控制(暂时还不懂)。

Button

Button有一个Onclick的功能(事件),可以设置按钮被点击后将要触发的逻辑。你可以通过下面的“+"、"-"按钮来添加删除一个代理(delegate),添加代理时,首先选择接收代理的对象(object),然后选择该对象接收的代理方法(function),最后选择接收代理方法的参数。Button拥有一个Text组件,不过为了更好的设计和自定义,Button的Text组件被分离出来。

Toggle

 Toggle开关,同NGUI中的checkbox,有一个text子节点,显示开关标签,一个image子节点,显示选择框,选择框有一个image直接点,显示选中图片,未选中时则隐藏。

Is On :当前是否选中。

Toggle Transition:设置选中开关过渡效果。

Graphic: 选中图片,如果状态切换效果为ColorTint,那么图片的颜色根据状态自动改变。

On Value Changed: 同Button的OnClick。

Toggle Group

Toggle Group:选择组,用来将选择组件进行分组管理,选择组是一个带有ToogleGroup组件的UI节点,可以拖动组管理器到toogle的group属性框中绑定管理器,在同一管理器中的Toggle为一组,通常一组Toggle作为子节点统一放在管理器下边。同一组中的一个Toggle被选中,其他Toggle则被取消选中。 

ToggleGroup的作用还可以当做一个List列表来用。

Slider

Slider滑块,可以设置为左右滑动、上下滑动,有三个子节点:Background(滑块填充区域背景)、 Fill Area(填充区域)、Handle Slide Area(游标滑动区域),Fill Aera的子节点Fill,被父对象的区域进行裁剪填充,Handle Slide Area的子节点Hadle被父对象的区域控制滑动区域。填充对象Fill的trasform信息被Slider的value值所控制,改变它的属性无效。

你可以设置滑块的最小值和最大值,如果Whole Numbers为True,那么value首先被转换为int值,然后再更新滑块位置。

On Value Changed:同上。

Scrollbar

Scrollbar:滚动条,可以设置为上下滚动、左右滚动,结构类似Slider,不过无填充块信息,只有滑动块信息。

number of steps: 整数,设置滑动滑动次数,滑动区域会被平均分割成该整数份,value属性每达到对应断值时才会滑动。On Value Changed:同上。

Scroll Rect

Scroll Rect:滚动矩形区域,主要左右是对象或组内容太大时,只显示其中的一块,当然可以指定是否支持滚动区域内的组件,如果要滚动需要指定Scrollbar,它的原理同Mask。制作结构需要按照下面来制作:

ScrollView(Scroll Rect 、 Mask Component)

|__Content(只是一个Rect Transform,作为滚动内容的容器,必须拖动到Scroll Rect的Content属性槽内)

|__Scroll View Entry

|__Scroll View Entry

Horizontal Scrollbar(Scrollbar Component)

Input Field

可编辑的Text组件。
0 0
原创粉丝点击