转变 Transition

数据流向
数据由服务器同步给客户端,客户端无法同步给服务器

描述

用来显示控件在不同状态下的变换,有颜色模式和图片模式。颜色模式会叠加状态的颜色到原图片的颜色上(所以如果使用颜色模式,原图片最好是白色),图片模式会用不同状态的图片替换原图片。
只有当转变属性处于颜色模式的状态下,高亮颜色,禁用颜色等属性才有效。
当转变属性处于图片模式时,禁用图,高亮图,按下图等属性才有效。

实例

实例1 创造一个开关控件,修改开关控件的各个属性来熟悉开关控件

先创建一个UiPanel界面,在界面下一个开关控件,一个按钮,一个图像控件,通过修改开关控件的属性,点击图片控件和按钮来更改开关的状态。

wait(0.5)
local uip = RWObject:New("UiPanel") -- 创建2d容器
local uitoggle = RWObject:New("UiToggle") -- 创建按钮1
local uib2 = RWObject:New("UiButton") -- 创建按钮2
local uiimage = RWObject:New("UiImage") -- 创建一个图像控件
local person = Players:GetLocalPlayer() --获取本地玩家

uip.Parent = person.GameUI --让2d容器界面的父级为GameUI界面
uitoggle.Parent = uip --让开关的父级为2d容器界面
uib2.Parent = uip --让按钮2的父级为2d容器界面

uitoggle.AnchoredPosition = Vector2(0,0) --设置开关的相对位置
uib2.AnchoredPosition = Vector2(2.2915,-100.8263)--设置按钮的相对位置

--uitoggle.Transition=Enum.BtnSelectableTransition.SpriteSwap --更改转变模式为图片模式

uitoggle.NormalColor = Vector3(255,0,0) --设置开关普通时的颜色
uib1.NormalColorA = 0.5 --设置开关普通时的透明度

uitoggle.HighlightedColor = Vector3(0,255,0) --设置开关高亮时的颜色
uitoggle.HighlightedColorA = 1--设置开关高亮时的透明度
--uitoggle.HighlightedSprite = "rwid://T23tdTB4bT1RCvBVdK"--设置开关高亮时的图片

uitoggle.PressedColor = Vector3(0,0,255)--设置开关按下时的颜色
uitoggle.PressedColorA = 0.5--设置开关按下时的透明度
--uitoggle.PressedSprite = "rwid://T23tdTB4bT1RCvggdK"--设置开关按下时的图片

uitoggle.DisabledColor = Vector3(0,0,0) --设置开关禁用时的颜色
uitoggle.DisabledColorA = 1 --设置开关禁用时的透明度
--uitoggle.DisabledSprite = "rwid://T23rfTB4bT1RCvggdK"--设置开关禁用时的图片

uitoggle.FadeDuration = 3 --设置开关颜色切换时的转换时长

uitoggle.IsOn = false --开关控件非选中状态

uitoggle.ToggleTransition = Enum.ToggleTransition.Fade --将开关转换状态改为褪色状态

uitoggle.Graphic = uiimage --将开关的标记绑定于图片

uib2.GuiMouseLeftPress:Connect(function() --给按钮2添加一个事件 事件的作用是当左键点击按钮2时,开关会被禁用
    uitoggle.Interactable = false

    end)
文档更新时间: 2020-10-30 11:32   作者:宋澍川