UGUI进阶组件[十]Selectable

Selectable是大部分交互组件的基类,像Button之类的交互组件都是继承自他
在这里插入图片描述
Interactable
表示是否接受交互

Translation
这个属性有四个选项
在这里插入图片描述
None :表示对于交互状态不进行任何用户指示表示
ColorTint:表示对于不同的交互状态对指定的图片进行颜色更改来指示表示
SpriteSwap:表示对于不同的交互状态使用图片更换进行指示表示
Animation:表示对于不同的交互状态使用关于图片的动画来进行指示表示

ColorTint选项

在这里插入图片描述
TargetGraphic
指定一个带有图片的物体,在Selectable受到交互的时候 不同状态将会赋予不同的颜色给图片的物体
NormalColor:正常颜色,Interactable开启状态下,没有选中的时候,鼠标没有在Selectable所挂物体上面的颜色
HighLightedColor:Interactable开启状态下,鼠标滑动到Selectable所挂物体上面时候的颜色
PressedColor:鼠标在Selectable所挂物体按下去时候的颜色
SelectedColor:鼠标在Selectable所挂物体按下去弹起来 没有在其他物体上面按下去时候的颜色,即Selectable所挂物体在选中状态时候的颜色
DisabledColor:Interactable不开启状态下的颜色
ColorMultiplier:将当前状态的颜色变得更亮并且让透明度变得更加不透明
FadeDuration:各个状态的颜色转换过渡时间

其他的两个选项Sprite Swap 和Animation 这里就不说了 各个状态都是一样的,只是换个表达方式而已
官方文档有详细说明
只是还要特别指出的是Animation的时候是使用动画控制器里面设置各个Trigger去控制动画了,需要单击AutoGenerationAnimation之后对生成的动画控制器里面的各个部分指明动画片段,这里不推荐这种做法,关于动画可以用dotween去弄,因为在用户界面做动画和改动画不是那么容易

发布了84 篇原创文章 · 获赞 13 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/weixin_43149049/article/details/103743404
今日推荐