ImageLabel

ImageLabel : GuiObject

Overview

Unlike Frame, ImageLabel is a UI element that can be used to display a specified image in a square.

The color and transparency of image can be corrected and adjusted with the ImageColor3 and ImageTransparency properties. If background needs to be hidden while image is displayed, set BackgroundTransparency to 1.

ImageLabel can be controlled only in client environment.

Properties

Image

string

Specifies image asset to be displayed in ImageLabel.

Code Samples

local ScreenGui = script.Parent
local ImageLabel = ScreenGui:WaitForChild("ImageLabel")

ImageLabel.Image = "ovdrassetid://1234"

ImageColor3

Color3

Specifies the color to be applied to image.

If color is left white, original image will be displayed. If some other color is specified, the whole image will be in that hue.

Code Samples

local ScreenGui = script.Parent
local ImageLabel = ScreenGui:WaitForChild("ImageLabel")

ImageLabel.ImageColor3 = Color3.fromRGB(255, 0, 0)

ImageTransparency

number

Specifies the transparency of image.

0 means the image is completely opaque while 1 means the image is totally invisible.

If background needs to be hidden while image is displayed, set BackgroundTransparency to 1.

Code Samples

local ScreenGui = script.Parent
local ImageLabel = ScreenGui:WaitForChild("ImageLabel")

ImageLabel.ImageTransparency = 0.5

ScaleType

Enum.ScaleType

Specifies how the image is scaled when the size of the UI element differs from the original image.

• Stretch: Stretches the image to fit the element. This is the default value.

• Slice: Divides the image into nine regions and applies a different scaling rule to each region. The slice boundaries are determined by SliceCenter.

Code Samples

local ScreenGui = script.Parent
local ImageLabel = ScreenGui:WaitForChild("ImageLabel")

ImageLabel.ScaleType = Enum.ScaleType.Slice

SliceCenter

Rect

Specifies the slice boundaries of the nine regions when ScaleType is Slice.

The value is an absolute pixel coordinate based on the top-left corner (0, 0) of the image, and consists of the top-left point Min and the bottom-right point Max. In the Properties window, it is displayed as four fields X0, Y0, X1, and Y1, which correspond to Min.X, Min.Y, Max.X, and Max.Y.

Code Samples

local ScreenGui = script.Parent
local ImageLabel = ScreenGui:WaitForChild("ImageLabel")

ImageLabel.ScaleType = Enum.ScaleType.Slice
ImageLabel.SliceCenter = Rect.new(10, 10, 118, 118)

SliceScale

number

Specifies the scale factor applied to the slice edges when ScaleType is Slice.

Code Samples

local ScreenGui = script.Parent
local ImageLabel = ScreenGui:WaitForChild("ImageLabel")

ImageLabel.ScaleType = Enum.ScaleType.Slice
ImageLabel.SliceScale = 2

Methods

Events

See also