图像 SourceImage

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

描述

SourceImage属性是图像控件的图片资源。作用是加载一张图片,当需要在一个控件表面填充一张图片的时候可以使用这个控件。

实例

实例1 创建两个可以测试各种属性的按钮

创建一个2D容器界面,然后在2D容器界面上添加两个按钮,用按钮1来测试各种按钮上的属性,用按钮2来控制按钮1是否被禁用。



wait(0.5)
local uip = RWObject:New("UiPanel") -- 创建2d容器
local uib1 = RWObject:New("UiButton") -- 创建按钮1
local uib2 = RWObject:New("UiButton") -- 创建按钮2
local person = Players:GetLocalPlayer() --获取本地玩家

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

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



uib1.SourceImage="rwid://T23tdTB4bT1RCvBVdK" --更改图像属性
uib1.ImageColor = Vector3(123,12,23) --更改颜色
uib1.ImageColorA = 1 --更改透明度

-- 1,将图片类型转为普通模式
uib1.ImageCurType = Enum.UIImageType.Simple --更改属性
uib1.IgnoreRayCast = true --将按钮界面的图片设为穿透
uib1.PreserveAspect = false --更改属性为不保持宽高比

----2,将图片类型转为切图模式
--uib1.ImageCurType = Enum.UIImageType.Sliced --把图片模式改为切图模式
--uib1.FillCenter = true --更改属性为显示中间区域
--uib1.Border = Vector4(1,1,1,1) --设置切图边界

----3,将图片类型转为平铺模式
--uib1.ImageCurType = Enum.UIImageType.Tiled --把图片模式改为平铺模式
--uib1.FillCenter = true --更改属性为显示中间区域
--uib1.Border = Vector4(1,1,1,1) --设置切图边界

----4,将图片模式设为填充模式
--uib1.ImageCurType = Enum.UIImageType.Filled --把图片模式改为填充模式
--uib1.PreserveAspect = false--更改属性为不保持宽高比
--uib1.FillMethod = Enum.ImageFillMethod.Horizontal --更改填充方式属性为水平填充
--uib1.FillOrigin = 0 --更改填充起点
--uib1.FillAmount = 1 --更改填充比例为照原图显示
--uib1.FillAmount = true --更改为顺时针充满


-- 1,2,3,4为图片模式的四种模式,只能存在一种

uib1.Interactable=true --按钮开启
uib1.Transition=Enum.BtnSelectableTransition.ColorTint --更改转变为颜色模式

uib1.NormalColor=Vector3.New(0,0,0) --改变按钮颜色为黑色
uib1.NormalColorA=0 --把普通情况下按钮调为透明
uib1.HighlightedColor=Vector3.New(255,0,0) --高亮颜色调为红色颜色
uib1.HighlightedColorA=1 --高亮颜色调为透明
uib1.PressedColor=Vector3.New(0,255,0) --按下颜色调为绿色
uib1.PressedColorA=0 --按下颜色调为透明
uib1.DisabledColor=Vector3.New(0,0,255) --禁用颜色为蓝色
uib1.DisabledColorA=0 --禁用颜色调为透明
uib1.FadeDuration=3--褪色持续时间调为3s

--uib1.Transition=Enum.BtnSelectableTransition.SpriteSwap --更改转变为图片模式
--uib1.HighlightedSprite = "rwid://T23tdTB4bT1RCvBVdK" --设置高亮时图片
--uib1.PressedSprite = "rwid://T23tdTB4bT1RCvBVdK" --设置按下时图片
--uib1.DisabledSprite = "rwid://T23tdTB4bT1RCvBVdK" --设置禁用时图片


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

    end)


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