Frame

๊ฐœ์š”

๋ ˆ์ด์•„์›ƒ์„ ๋””์ž์ธ ํ•˜๊ฑฐ๋‚˜ TextLabel, TextButton, ImageLabel, ImageButton ๋“ฑ์˜ ๊ฐœ์ฒด๋ฅผ ๊ทธ๋ฃนํ™”ํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜๋Š” 2D ๊ธฐ๋ฐ˜ ๊ฐœ์ฒด์ž…๋‹ˆ๋‹ค.

Properties

Border Pixel Size

Frame์˜ ํ…Œ๋‘๋ฆฌ ๋‘๊ป˜๋ฅผ ์„ค์ •ํ•  ์ˆ˜ ์žˆ๋Š” ์†์„ฑ ์ž…๋‹ˆ๋‹ค.

Border Mode

ํ…Œ๋‘๋ฆฌ๋ฅผ Frame์˜ ๊ฐ€์žฅ์ž๋ฆฌ ๊ธฐ์ค€์œผ๋กœ insert(์•ˆ์ชฝ)/middle(์ค‘์•™)/Outline(๋ฐ”๊นฅ์ชฝ) ์ค‘ ์–ด๋Š ๊ธฐ์ค€์œผ๋กœ ๋ณด์—ฌ์ค„ ์ง€ ์„ค์ •ํ•  ์ˆ˜ ์žˆ๋Š” ์†์„ฑ ์ž…๋‹ˆ๋‹ค.

Border Color 3

ํ…Œ๋‘๋ฆฌ ์ƒ‰์„ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ๋Š” ์†์„ฑ ์ž…๋‹ˆ๋‹ค.

Position

Frame์˜ ํ™”๋ฉด ์ƒ ์œ„์น˜๋ฅผ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ๋Š” ์†์„ฑ ์ž…๋‹ˆ๋‹ค.

UDim2 ํ˜•์‹์„ ์‚ฌ์šฉํ•˜๋ฉฐ, ScaleX, OffsetX, ScaleY, OffsetY ๊ฐ’์„ ์ˆœ์„œ๋Œ€๋กœ ์ž…๋ ฅํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

  • Scale: 0.0 ~ 1.0 ์‚ฌ์ด์˜ ๋น„์œจ ๋‹จ์œ„์ด๋ฉฐ, 0.1์€ 10%๋ฅผ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค.

  • Offset: Pixel ๋‹จ์œ„์ด๋ฉฐ, 10์€ 10Pixel์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค.

Scale๊ณผ Offset ๊ฐ’์€ ํ•ฉ์‚ฐํ•˜์—ฌ ํ™”๋ฉด์— ํ‘œํ˜„ ๋ฉ๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด ScaleX ๊ฐ’์ด 0.25์ด๊ณ  OffsetX ๊ฐ’์ด 10์ด๋ฉด, ์„ค์ •๋œ Anchor Point(Frame์˜ ์ค‘์‹ฌ์ )์„ ๊ธฐ์ค€์œผ๋กœ ์ขŒ์ธก์œผ๋กœ๋ถ€ํ„ฐ 25% ๋งŒํผ ์šฐ์ธก์œผ๋กœ ์ด๋™ํ•˜๊ณ  OffsetX์ธ 10Pixel ๋งŒํผ ์ถ”๊ฐ€๋กœ ์šฐ์ธก์œผ๋กœ ์ด๋™ ๋ฉ๋‹ˆ๋‹ค.

Rotation

ํšŒ์ „ ๊ฐ๋„๋ฅผ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ๋Š” ์†์„ฑ ์ž…๋‹ˆ๋‹ค. 360.0์€ 360๋„๋ฅผ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค.

Size

ํฌ๊ธฐ๋ฅผ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ๋Š” ์†์„ฑ ์ž…๋‹ˆ๋‹ค. Position๊ณผ ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ UDim2 ํ˜•์‹์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

Visible

Frame์„ ๋ณด์ด๊ฑฐ๋‚˜ ๋ณด์ด์ง€ ์•Š๊ฒŒ ์„ค์ •ํ•˜๋Š” ์†์„ฑ ์ž…๋‹ˆ๋‹ค.

Anchor Point

์ค‘์‹ฌ์ ์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค. Vector2 ํ˜•์‹์„ ์‚ฌ์šฉํ•˜๋ฉฐ ๊ธฐ๋ณธ๊ฐ’ 0.0, 0.0์ด๋ฉด Frame์˜ ์ขŒ์ธก ์ƒ๋‹จ์ด ์ค‘์‹ฌ์  ์ž…๋‹ˆ๋‹ค.

ZIndex

UI ์š”์†Œ์˜ ์Šคํƒ ์ˆœ์„œ๋ฅผ ์ •์˜ํ•˜๋Š” ์†์„ฑ ์ž…๋‹ˆ๋‹ค. FrameA๊ฐ€ FrameB์™€ ์œ„์น˜ ์ƒ FrameB์— ๊ฐ€๋ ค์ง€๋Š” ๊ฒฝ์šฐ ZIndex ๊ฐ’์— ๋”ฐ๋ผ FrameB ๋ณด๋‹ค ์œ„์— FrameA๊ฐ€ ๋ณด์ด๋„๋ก ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Background Color 3

Frame์˜ ๋ฐฐ๊ฒฝ ์ƒ‰์„ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ๋Š” ์†์„ฑ ์ž…๋‹ˆ๋‹ค.

Background Trnasparency

Frame์˜ ๋ฐฐ๊ฒฝ ํˆฌ๋ช…๋„๋ฅผ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ๋Š” ์†์„ฑ ์ž…๋‹ˆ๋‹ค.

Name

์ด๋ฆ„์„ ์„ค์ •ํ•  ์ˆ˜ ์žˆ๋Š” ์†์„ฑ ์ž…๋‹ˆ๋‹ค.

์—ฌ๋Ÿฌ ๊ฐœ์ฒด๋ฅผ ์„ ํƒํ•˜๊ณ  ํ•œ ๋ฒˆ์— ๊ฐ™์€ ์ด๋ฆ„์œผ๋กœ ์„ค์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Last updated