ImageLabel

แสดงที่เลิกใช้งานแล้ว

*เนื้อหานี้แปลโดยใช้ AI (เวอร์ชัน Beta) และอาจมีข้อผิดพลาด หากต้องการดูหน้านี้เป็นภาษาอังกฤษ ให้คลิกที่นี่

ImageLabel เรนเดอร์ตัวอักษร Frame เช่นเดียวกับ ImageColor3 และ 1>Class.ImageLabel.ImageTransparency|ImageTransparency

การใช้งาน ImageLabel ขั้นสูงรวมถึง:

  • สามารถสร้างรูปภาพขนาดตารางได้โดยการตั้ง ScaleType เป็น Enum.ScaleType.Tile แล้ว TileSize เป็นขนาดของรูปภาพที่เรนเดอร์

  • 9-slice สามารถสร้างได้โดยการตั้ง ScaleType เป็น Enum.ScaleType.Slice แล้ว SliceCenter ไปยังพื้นที่กลางของ 9 ไฟล์ขนาดเล็ก

  • ใบสไปร์ทสามารถเรียกใช้ได้ผ่านการใช้ ImageRectOffset และ ImageRectSize การแพ็คเกจตัวอักษรหลายรายการในหนึ่งและใช้ประโยชน์จากคุณสมบั

สรุป

คุณสมบัติ

  • Image:ContentId
    อ่านพร้อมๆ กัน

    เนื้อหาของภาพที่แสดงโดยส่วนหนึ่งของ UI Reads and writes to ImageContent .

  • อ่านพร้อมๆ กัน

    กำหนดวิธีการที่ภาพที่เรนเดอร์จะสี

  • ซ่อนอยู่
    อ่านพร้อมๆ กัน

    เนื้อหาของภาพที่แสดงโดยส่วนประกอบ UI รองรับ รหัส URIs สินทรัพย์ และ EditableImage

  • อ่านพร้อมๆ กัน

    ค่าเลือกออกในพิกเซลของพื้นที่ย่อของรูปภาพที่จะแสดง

  • อ่านพร้อมๆ กัน

    กำหนดขนาดในพิกเซลของพื้นที่ย่อของรูปภาพที่จะแสดง

  • อ่านพร้อมๆ กัน

    กำหนดความโปร่งใสของรูปภาพที่เรนเดอร์

  • อ่านอย่างเดียว
    ไม่ซ้ำ
    อ่านพร้อมๆ กัน

    ระบุว่ารูปภาพสามารถโหลดจาก Roblox ได้หรือไม่

  • อ่านพร้อมๆ กัน

    เลือกโหมดการปรับแต่งรูปภาพสำหรับฉลาก

  • อ่านพร้อมๆ กัน

    กำหนดวิธีที่รูปภาพจะปรับใหญ่หรือเล็กตามขนาดของรูปภาพที่แสดงในรายการ UI

  • อ่านพร้อมๆ กัน

    ตั้งค่าขอบของชิ้นส่วนของรูป 9 สลับ

  • อ่านพร้อมๆ กัน

    ปรับขนาดขอบ 9 ด้านโดยอัตราส่วนที่กำหนด

  • อ่านพร้อมๆ กัน

    ตั้งค่าขนาดของกระเบื้องของ ImageLabel

คุณสมบัติรับทอดมาจากGuiObject
  • อ่านพร้อมๆ กัน

    กำหนดว่ารูปแบบนี้สามารถรับข้อมูลการป้อนของผู้ใช้ได้หรือไม่

  • อ่านพร้อมๆ กัน

    กำหนดจุดเริ่มต้นของ GuiObject สัมพันธ์กับขนาดอันตามตัวเลข

  • อ่านพร้อมๆ กัน

    กำหนดว่าจะมีการปรับขนาดหรือไม่ขึ้นอยู่กับเนื้อหาของลูก

  • อ่านพร้อมๆ กัน

    กำหนดสีพื้นหลัง GuiObject

  • อ่านพร้อมๆ กัน

    กำหนดความโปร่งใสของพื้นหลังและขอบเขตของ GuiObject

  • อ่านพร้อมๆ กัน

    กำหนดสีของขอบ GuiObject

  • อ่านพร้อมๆ กัน

    กำหนดวิธีการที่ GuiObject ขอบเขตถูกวางโดยเฉลี่ยกับขนาดของมัน

  • อ่านพร้อมๆ กัน

    กำหนดความกว้างของพิกเซลของ GuiObject รอบ

  • อ่านพร้อมๆ กัน

    กำหนดว่าควรเรนเดอร์หรือไม่ GuiObjects ภายนอกขอบเขตของรูปปั้น GUI ระดับพ่อของคุณ

  • อ่านอย่างเดียว
    ไม่ซ้ำ
    อ่านพร้อมๆ กัน

    กำหนดว่าผู้เล่นกดเมาส์บน GuiObject หรือไม่

  • อ่านพร้อมๆ กัน

    กำหนดว่า GuiButton สามารถใช้งานได้หรือไม่ หรือว่า GuiState ของ GuiObject กําลังเปลี่ยนแปลงหรือไม่

  • อ่านพร้อมๆ กัน

    ควบคุมลำดับการเรียงลำดับของ GuiObject เมื่อใช้กับ UIGridStyleLayout

  • อ่านพร้อมๆ กัน

    ตั้งค่า GuiObject ซึ่งจะได้รับการเลือกเมื่อเครื่องยนต์ผู้ควบคุมเลื่อนลง

  • อ่านพร้อมๆ กัน

    ตั้งค่า GuiObject ซึ่งจะถูกเลือกเมื่อเครื่องยนต์เลื่อนซ้าย

  • อ่านพร้อมๆ กัน

    ตั้งค่า GuiObject ซึ่งจะถูกเลือกเมื่อเครื่องยนต์เลื่อนไปทางขวา

  • อ่านพร้อมๆ กัน

    ตั้งค่า GuiObject ซึ่งจะถูกเลือกเมื่อเครื่องยนต์เลื่อนขึ้น

  • อ่านพร้อมๆ กัน

    กำหนดตำแหน่งพิกเซลและตำแหน่งเศษเส้นของ GuiObject

  • อ่านพร้อมๆ กัน

    กำหนดจำนวนองศาที่ GuiObject หมุน

  • อ่านพร้อมๆ กัน

    กำหนดว่า GUI สามารถเลือกได้โดย gamepad หรือไม่

  • อ่านพร้อมๆ กัน

    เปลี่ยนแปลงการตกแต่งการเลือกที่ใช้สำหรับแพดพันเกม

  • อ่านพร้อมๆ กัน

    ลำดับของ GuiObjects ที่เลือกโดย UI เกมแพด.

  • อ่านพร้อมๆ กัน

    กำหนดขนาดพิกเซลและขนาดพิกเซลของ GuiObject

  • อ่านพร้อมๆ กัน

    ตั้งค่า Size แกนที่ Class.GuiObject จะสร้างบน, สัมพันธ์กับขนาดของพ่อของมัน.

  • ซ่อนอยู่
    ไม่ซ้ำ
    อ่านพร้อมๆ กัน
    เลิกใช้แล้ว

    สมบัติสัมพันธ์ผสมของ BackgroundTransparency และ TextTransparency

  • อ่านพร้อมๆ กัน

    กำหนดว่า GuiObject และบุตรหลานของมันจะถูกเรนเดอร์หรือไม่

  • อ่านพร้อมๆ กัน

    กำหนดลำดับที่เรนเดอร์ GuiObject เมื่อเป็นคู่กับคนอื่น

คุณสมบัติรับทอดมาจากGuiBase2d
  • อ่านอย่างเดียว
    ไม่ซ้ำ

    อธิบายตำแหน่งหน้าจอที่เป็นไปเลยของรายการ UI ในพิกเซล

  • อ่านอย่างเดียว
    ไม่ซ้ำ

    อธิบายการหมุนเวียนหน้าจริงของ UI โดยองศา

  • อ่านอย่างเดียว
    ไม่ซ้ำ

    อธิบายขนาดหน้าจอที่เป็นไปจริงของรายการ UI

  • อ่านพร้อมๆ กัน

    เมื่อตั้งค่าเป็น true จะใช้การแปลภาษาใน GuiBase2d และลูกหลานของมัน

  • อ่านพร้อมๆ กัน

    การอ้างอิงถึง LocalizationTable ที่จะใช้ในการประยุกต์การแปลอัตโนมัติสู่ GuiBase2d และลูกหลานของมัน

  • อ่านพร้อมๆ กัน

    ปรับแต่งพฤติกรรมการเลือกแพดพักในแนวลง

  • อ่านพร้อมๆ กัน

    ปรับแต่งพฤติกรรมการเลือกแพดพานเกมในแนวโน้มทางซ้าย

  • อ่านพร้อมๆ กัน

    ปรับแต่งพฤติกรรมการเลือกแพดพักเกมในทิศทางที่ถูกต้อง

  • อ่านพร้อมๆ กัน

    ปรับแต่งพฤติกรรมการเลือกแพดพักในแนวตั้งขึ้น

  • อ่านพร้อมๆ กัน

    ช่วยให้คุณสามารถปรับแต่งการเคลื่อนไหวของแผงควบคุมเกม

วิธีการ

วิธีการรับทอดมาจากGuiObject

อีเวนต์

อีเวนต์รับทอดมาจากGuiObject
  • เกิดขึ้นเมื่อผู้ใช้เริ่มต้นใช้งานผ่านอุปกรณ์ระหว่างมนุษย์-คอมพิวเตอร์ (ปุ่มเมาส์ลง, แตะเริ่ม, ปุ่มคีย์บอร์ดลง, ฯลฯ)

  • ไฟร์เมื่อผู้ใช้เปลี่ยนวิธีการโต้ตอบผ่านอุปกรณ์ระหว่างมนุษย์-คอมพิวเตอร์ (ปุ่มเมาส์ลง, แตะเริ่ม, ปุ่มกล้อง, ฯลฯ)

  • ไฟร์เมื่อผู้ใช้หยุดใช้งานผ่านอุปกรณ์ระหว่างมนุษย์-คอมพิวเตอร์ (ปุ่มเมาส์ลง, แตะเริ่ม, ปุ่มคีย์บอร์ดลง, ฯลฯ)

  • จะเกิดขึ้นเมื่อผู้ใช้ย้ายเมาส์ไปที่องค์ประกอบ GUI

  • จะเกิดขึ้นเมื่อผู้ใช้ย้ายเมาส์ออกจากส่วน GUI

  • การเพิ่มเติมเมื่อผู้ใช้เคลื่อนเมาส์ไปยัง GUI เมื่ออยู่ภายในส่วนหนึ่งของ GUI

  • จะเกิดขึ้นเมื่อผู้ใช้เลื่อนเมาส์กลับเมื่อเมาส์อยู่เหนือ GUI เอเจนต์

  • จะเกิดขึ้นเมื่อผู้ใช้เลื่อนเมาส์ไปข้างหน้าเมื่อเมาส์อยู่เหนือรายการ GUI

  • จุดเกิดเหตุเมื่อ GuiObject ได้รับการโฟกัสด้วย Gamepad ตัวเลือก

  • ไฟร์เมื่อ Gamepad เลือกเปลี่ยนโฟกัสไปที่ GuiObject

  • เกิดขึ้นเมื่อผู้เล่นเริ่มต้น ดำเนินการต่อและหยุดการกด UI เป็นเวลานาน

  • TouchPan(touchPositions : Array,totalTranslation : Vector2,velocity : Vector2,state : Enum.UserInputState):RBXScriptSignal

    เกิดขึ้นเมื่อผู้เล่นยกนิ้วของพวกเขาบนองค์ประกอบ UI

  • TouchPinch(touchPositions : Array,scale : number,velocity : number,state : Enum.UserInputState):RBXScriptSignal

    เปิดเมื่อผู้เล่นทำการเลื่อนหรือดึงด้วยนิ้วสองนิ้วบน UI

  • TouchRotate(touchPositions : Array,rotation : number,velocity : number,state : Enum.UserInputState):RBXScriptSignal

    เกิดขึ้นเมื่อผู้เล่นทำการหมุนโดยใช้นิ้วสองนิ้วบนรูปปั้น

  • TouchSwipe(swipeDirection : Enum.SwipeDirection,numberOfTouches : number):RBXScriptSignal

    เกิดขึ้นเมื่อผู้เล่นทำการเลื่อนสไนเปอร์บนองค์ประกอบ UI

  • TouchTap(touchPositions : Array):RBXScriptSignal

    เกิดขึ้นเมื่อผู้เล่นทำการเลื่อนสายตาในส่วน UI

อีเวนต์รับทอดมาจากGuiBase2d
  • SelectionChanged(amISelected : bool,previousSelection : GuiObject,newSelection : GuiObject):RBXScriptSignal

    เกิดขึ้นเมื่อเลือกแผงควบคุมเกมเคลื่อนไปยัง, ออกหรือเปลี่ยนแปลงใน GuiBase2d หรือ GuiObjects ต้นได้

คุณสมบัติ

Image

ContentId
อ่านพร้อมๆ กัน

สมบัตินี้เป็นสมบัติประเภทคอนเทนต์ที่ควรรองรับ ID สินทรัพย์ของภาพหรือไฟล์ที่อัปโหลดไปยัง Roblox รุ่น มันทำงานได้เหมือนกับ Class

ImageColor3

อ่านพร้อมๆ กัน

สมบัติ ImageColor3 ระบุวิธีการที่รูปภาพถูกสีขึ้น เมื่อตั้งค่าไว้ที่สีขาวจะไม่มีการสีขึ้น สมบัตินี้มีประโยชน์มากสำหรับการใช้รูปภาพเป็นสินทรัพย์ใหม่ หากต้นไม้สีขาวเ

ImageContent

ซ่อนอยู่
อ่านพร้อมๆ กัน

สมบัตินี้ควรรองรับ รหัสสินค้า หรืออ้างอิงถึงวัตถุ EditableImage

รหัสสินทรัพย์สามารถอ้างถึงภาพหรือข้อความที่อัปโหลดไปยัง Roblox ได้ มันทำงานได้เหมือนกันกับ Decal.Texture เกี่ยวกับการโหลดภาพ

รูปภาพที่เรนเดอร์จะถูกสีขึ้นโดยใช้ ImageButton.ImageColor3 ตัว สามารถทำให้รูปภาพเรนเดอร์เป็นลายพราง ขนาดเครื่องมือการเรียบเรียง หรือ 9-sliced โดยปรับปรุงสมบัติสมบัติ

ImageRectOffset

อ่านพร้อมๆ กัน

ช่วยให้การแสดงผลส่วนหนึ่งของรูปภาพร่วมกับ ImageRectSize ค่านี้กำหนดความเสียหายของพิกเซล (จากด้านบนซ้าย) ของพื้นที่รูปภาพที่จะแสดง

ImageRectSize

อ่านพร้อมๆ กัน

ช่วยให้การแสดงผลส่วนหนึ่งของรูปภาพร่วมกับ ImageRectOffset นี้ สมบัตินี้กำหนดขนาดของพิกเซลของพื้นที่รูปภาพที่จะแสดง หากมีขนาดของมิติอื่นเป็น 0 ก็จะแสด

ImageTransparency

อ่านพร้อมๆ กัน

ImageTransparency กำหนดความโปร่งใสของภาพเรนเดอร์ของ UI ค่าของ 0 เป็นสมบูรณ์เป็นเรืองเงาและค่าของ 1 เป็นสมบูรณ์โปร่งใส (มองไม่เห็น)

ตัวอย่างโค้ด

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

อ่านอย่างเดียว
ไม่ซ้ำ
อ่านพร้อมๆ กัน

สมบัติข้อมูล IsLoaded ระบุว่า สมบัติข้อมูล ImageLabel.Image โดยสรุปแล้วสิ้นสุดการโหลดจาก Roblox หรือไม่ รูปภาพที่ปฏิเสธโดยการกำกับด้วยมาตรการการกรองจะไม่โหลด

ตัวอย่างโค้ด

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

อ่านพร้อมๆ กัน

กำหนดวิธีที่รูปภาพดูเมื่อมันถูกขยาย โดยปกติรูปภาพจะเรียบเรียงเนื้อหาเมื่อแสดงบนหน้าจอขนาดใหญ่กว่าหรือเล็กกว่าขนาดในหน่วยความจำของเนื้อหา

อ่านพร้อมๆ กัน

สมบัติ ScaleType ระบุวิธีการที่ ImageLabel.Image จะเรนเดอร์เมื่อส่วนองค์ประกอบ UI ของคุณแตกต่างจากขนาดของรูปภาพที่แสดงผล

โดยปกติ, ค่านี้จะเป็น Enum.ScaleType.Stretch ซึ่งจะเพียงแค่ยืด/แบ็คอัพขนาดของรูปภาพให้ตรงกับพื้นที่ของรูปภาพที่เหมาะสม Roblox

สำหรับ Enum.ScaleType.Slice คุณสมบัติ SliceCenter จะปรากฏในหน้าต่าง โปร

ในที่สุด, สําหรับ Enum.ScaleType.Tile จะมีสมบัติข้อมูล TileSize ในหน้าต่าง ลักษณะลูกศร สําหรับภาพที่มีขนาดของแต่ละภาพที

SliceCenter

อ่านพร้อมๆ กัน

สมบัติรัตนโกสินทร์ เป็นพระเจ้าในพระพุทเจ้า เป็นพระเจ้าในพระพุทเจ้า เป็นพระเจ้าในพระพุทเจ้า เป็นพระเจ้าในพระพุทเจ้า เป็นพระเจ้าในพระ

หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับ 9-Slice ให้ดู การออกแบบ UI 9 Slice

SliceScale

อ่านพร้อมๆ กัน

ปรับขนาดขอบ 9 สลับโดยอัตราส่วนที่กำหนด นี่หมายถึงว่าขอบรอบ 9 สลับจะเติบโตขึ้นเหมือนคุณอัปโหลดเวอร์ชันใหม่ของเนื้อผ้าที่เพิ่มขนาด

ดูเพิ่มเติม ScaleType , SliceCenter และ SliceScale

TileSize

อ่านพร้อมๆ กัน

TileSize ตั้งค่าขนาดของกระเบื้องสีของ ImageLabel ด้วยค่าเริ่มต้นของ Datatype.UDim2

ตัวอย่างโค้ด

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

วิธีการ

อีเวนต์