ImageLabel

Artık kullanılmayanları göster

*Bu içerik, yapay zekâ (beta) kullanılarak çevrildi ve hatalar içerebilir. Sayfayı İngilizce görüntülemek için buraya tıkla.

Bir ImageLabel bir kareyi, Frame gibi, bir image öğesiyle gösterir. Görüntünün gösterilebilirliğini ImageColor3 ve

Gelişmiş ImageLabel kullanımı içerir:

  • Geri sayılan görüntüler oluşturmak için ScaleType ile Enum.ScaleType.Tile ile, sonra TileSize ile çizimlenen görüntülerin boyutuna ayarlanır.

  • 9 katlı görüntüler oluşturmak için ScaleType ile Enum.ScaleType.Slice , sonra SliceCenter 9 katlı görüntünün merkez alanına ayarlanır.

  • Sprite sayfaları ImageRectOffset ve ImageRectSize kullanılarak uygulanabilir. Paketlenmiş birkaç görüntüyu birine yükleme ve bu özelliği kullanmak, GUI'lerinizdeki birkaç küçük ikonların yüklenmesini çok daha hızlı hale get

Özet

Özellikler

Şuradan alınan Özellikler: GuiObjectŞuradan alınan Özellikler: GuiBase2d
Şuradan alınanların tümünü görüntüle: Instance
Şuradan alınanların tümünü görüntüle: Object

Yöntemler

Şuradan alınan Yöntemler: GuiObject
Şuradan alınanların tümünü görüntüle: Instance
Şuradan alınanların tümünü görüntüle: Object

Etkinlikler

Şuradan alınan Etkinlikler: GuiObjectŞuradan alınan Etkinlikler: GuiBase2d
Şuradan alınanların tümünü görüntüle: Instance
Şuradan alınanların tümünü görüntüle: Object

Özellikler

Image

ContentId
Paralel oku

Bu öğün, bir çıkartma veya görüntü yüklenmiş olan Roblox'a ait varlık kimliğini içeren bir içerik türü öğüdür. İçerik türü, Roblox'a ait varlık kimliğiyle ilgili olarak Decal.Texture ile aynıdır. İçer

ImageColor3

Color3
Paralel oku

ImageColor3 özelliği, bir görünümün nasıl renklenebileceğini belirler. Beyaz olarak ayarlanırsa renklenme olmaz. Bu özellik, görünüm kaynaklarını yeniden kullanmak için çok kullanışlıdır; kaynağınızın bütün rengini bu özellikle ayarlayabilirsiniz.

ImageContent

Content
Gizli
Paralel oku

Bu özellik bir varsayılan veya bir EditableImage nesneyi içeriyor olmalıdır.

Varlık kaynağı, bir çıkartma veya görüntü yüklenmiş olabilir Roblox'a. Aynı şekilde işlev görür Decal.Texture ile ilgili olarak görüntü yüklenmesi konusunda.

Oluşturulan görüntü renkli olacak şekilde boyanacak. ImageButton.ImageColor3 kullanılarak görüntü renkli olarak yapılandırılabilir. ImageButton.ScaleType özelliğine göre 9-sliced olarak yapılandırılabilir.

ImageRectOffset

Vector2
Paralel oku

Bir görünümün parçalı gösterilmesini ImageRectSize ile birleştirir. Bu özellik, görünüm alanının gösterileceği yerin üst kısmını belirler.

ImageRectSize

Vector2
Paralel oku

Bir görüntünün parçalı gösterimini ImageRectOffset ile birleştirir. Bu özellik, görüntünün gösterim boyutunu belirler. Eğer herhangi bir boyut 0 olarak ayarlanırsa, tüm görüntü gösterilir.

ImageTransparency

number
Paralel oku

ImageTransparency UI öğesi render edilen görüntünün alfa'sını belirler. Bir değer 0 bir değeri 1 görüntüsünün tamamen opake ve bir değer 0> ImageTransparency1> görüntüsünün tamamen透明 (görünmez).

Kod Örnekleri

This code sample oscillates the ImageTransparency of an ImageLabel/ImageButton from 0 to 1 using a sine wave.

Oscillate ImageTransparency
local RunService = game:GetService("RunService")



local imageLabel = script.Parent



local function onRenderStep()

	-- Oscillate ImageTransparency from 0 to 1 using a sine wave

	imageLabel.ImageTransparency = math.sin(workspace.DistributedGameTime * math.pi) * 0.5 + 0.5

end



RunService.RenderStepped:Connect(onRenderStep)

IsLoaded

bool
Salt Okunur
Çoğaltılmamış
Paralel oku

The IsLoaded property indicates if the ImageLabel.Image property has finished loading from Roblox. Images declined by moderation will never yükle.

Kod Örnekleri

This code sample measures how long an ImageLabel or ImageButton takes to load an image. If the image was already loaded, this will be 0.

Image Load Time
local imageLabel = script.Parent



local startTime = workspace.DistributedGameTime



-- Wait for the image to load

while not imageLabel.IsLoaded do

	task.wait()

end



-- Measure and display how long it took to load

local deltaTime = workspace.DistributedGameTime - startTime

print(("Image loaded in %.3f seconds"):format(deltaTime))

ResampleMode

Enum.ResamplerMode
Paralel oku

Ekranda büyüklüğünden daha küçük ekranda görünümünü belirler.Varsayılan olarak, ekranda büyüklüğünden daha küçük ekranda görünümünüzü yumuşatır. Enum.ResamplerMode.Pixelated olarak ayarlandığında, görünümünüzün keskin kenarlarını korur.

ScaleType

Enum.ScaleType
Paralel oku

ScaleType özelliği, UI öğesi'nin kaynağının boyutundan farklı olduğunda bir ImageLabel.Image ın nasıl görüntülenacağını belirler.

Varsayılan olarak, bu özellik Enum.ScaleType.Stretch olarak belirlenmiştir, bu da görüntü boyutlarını genişletir/kompakt hale getirir, böylece UI öğesi alanına aynen uyar. Roblox'a yüklenirken transparan piksel siyah olarak ayarlanır, bu da kaynaklardaki siyah çizgi çevirimi ile şeffaf görüntüleri uygulay

For Enum.ScaleType.Slice , the SliceCenter property will be revealed in the Özellikler window. This is for nine-slice UI: when scaling up, the corners will remain the source image size. The边ler of the image will stretch to the width/height of the image. Son olarak, image'nin merkez alanını doldurmak için h

Son olarak, Enum.ScaleType.Tile için, TileSize penceresindeki Class.ImageLabel.TileSize|TileSize özelliği gösterilecek. Bu, çizimli görüntüler için, her bir görüntü çerçevesi ile boyutlandırmanın 1> Class.ImageLabel.TileSize|TileSize öz

SliceCenter

Rect
Paralel oku

The SliceCenter özelliği, ScaleType ile ayarlanmışken 9-sliced bir görüntünün kesme sınırlarını ayarlar when Enum.ScaleType.Slice setlenmiştir. Lütfen bu özelliğin bu koşul altındaki 1>Özell

9-Slice görüntüleri hakkında daha fazla bilgi için, Kullanıcı Arayüzü 9 Slice Design bakın.

SliceScale

number
Paralel oku

9-bölme kenarlarını belirli oranla ölçekler. Bu, 9-bölme kenarlarının yükseltilmiş versiyonunu yüklediğinizde büyüyeceğini gösterir.Varsayılan şu ki 1.0 .

Ayrıca bakınız ScaleType , SliceCenter ve SliceScale .

TileSize

UDim2
Paralel oku

TileSize``ImageLabel ile ortak boyutu belirler. Turing, Datatype.UDim2.new(1, 0, 1, 0) ile başlar. Bu özellik sadece <

Kod Örnekleri

This code sample demonstrates the different ScaleType options - Stretch, Tile and Slice. It does this by resizing an ImageLabel/ImageButton in a circle.

Image ScaleType Demo
local imageLabel = script.Parent



-- Set the source image to be a 64x64 padlock

imageLabel.Image = "rbxassetid://284402752"

imageLabel.BackgroundTransparency = 0

imageLabel.BackgroundColor3 = Color3.new(1, 1, 1) -- White

imageLabel.ImageColor3 = Color3.new(0, 0, 0) -- Black



local function resizeInACircle()

	for theta = 0, 2, 0.02 do

		imageLabel.Size = UDim2.new(

			0,

			100 + math.cos(theta * 2 * math.pi) * 50,

			0,

			100 + math.sin(theta * 2 * math.pi) * 50

		)

		task.wait()

	end

end



while true do

	-- Stretch simply stretches the source image to fit

	-- the UI element's space

	imageLabel.ScaleType = Enum.ScaleType.Stretch

	resizeInACircle()

	-- Tile will render the source image multiple times

	-- enough to fill the UI element's space

	imageLabel.ScaleType = Enum.ScaleType.Tile

	imageLabel.TileSize = UDim2.new(0, 64, 0, 64)

	resizeInACircle()

	-- Slice will turn the image into a nine-slice UI.

	imageLabel.ScaleType = Enum.ScaleType.Slice

	imageLabel.SliceCenter = Rect.new(30, 30, 34, 34)

	resizeInACircle()

end
Şuradan alınanların tümünü görüntüle: Instance
Şuradan alınanların tümünü görüntüle: Object

Yöntemler

Şuradan alınanların tümünü görüntüle: Instance
Şuradan alınanların tümünü görüntüle: Object

Etkinlikler

Şuradan alınanların tümünü görüntüle: Instance
Şuradan alınanların tümünü görüntüle: Object