Create, Compete & Win at Redbrick Connect 2024! ๐ŸŽ‰

GUI Transform

GUI ์š”์†Œ ๋ณ€ํ™˜์— ๋Œ€ํ•œ ์•ˆ๋‚ด์ž…๋‹ˆ๋‹ค.


GUI Transform GUI ๋ณ€ํ™˜

GUI ์š”์†Œ๋ฅผ ๋ฐฐ์น˜ํ•˜๋Š” ๊ฒฝ์šฐ, ์•ต์ปค์™€ ์˜คํ”„์…‹์„ ๊ธฐ์ค€์œผ๋กœ ์œ„์น˜๋ฅผ ์กฐ์ •ํ•ฉ๋‹ˆ๋‹ค.


Center

GUI์˜ ์ค‘์‹ฌ ์œ„์น˜๋ฅผ ์ง€์ •ํ•˜๋Š” ์†์„ฑ์ž…๋‹ˆ๋‹ค.

X๋Š” 0์—์„œ 1 ์‚ฌ์ด์˜ ๊ฐ’์œผ๋กœ ํ‘œํ˜„๋˜๋ฉฐ, 0์€ GUI์˜ ์™ผ์ชฝ ๋, 1์€ ์˜ค๋ฅธ์ชฝ ๋์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค.

Y๋Š” 0์—์„œ 1 ์‚ฌ์ด์˜ ๊ฐ’์œผ๋กœ ํ‘œํ˜„๋˜๋ฉฐ, 0์€ GUI์˜ ์•„๋ž˜์ชฝ ๋, 1์€ ์œ„์ชฝ ๋์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค.

๊ธฐ๋ณธ์ ์œผ๋กœ ์ค‘๊ฐ„๊ฐ’์— ํ•ด๋‹นํ•˜๋Š” 0.5 / 0.5 ๊ฐ’์œผ๋กœ ์„ค์ •๋ฉ๋‹ˆ๋‹ค.

Anchor

GUI์˜ ์ค‘์‹ฌ์ด ํ™”๋ฉด์—์„œ ์–ด๋””์— ์œ„์น˜ํ• ์ง€๋ฅผ ์ง€์ •ํ•˜๋Š” ์†์„ฑ์ž…๋‹ˆ๋‹ค.

โ„น๏ธ

X์—๋Š” ์„ธ ๊ฐ€์ง€ ์˜ต์…˜์ด ์žˆ์Šต๋‹ˆ๋‹ค: Far-Left, Center, Far-Right๋กœ, ๊ฐ๊ฐ ๋ถ€๋ชจ ์š”์†Œ์˜ X์ถ• 0%, 50%, 100% ์ง€์ ์— ํ•ด๋‹นํ•ฉ๋‹ˆ๋‹ค.

โ„น๏ธ

Y์—๋Š” ์„ธ ๊ฐ€์ง€ ์˜ต์…˜์ด ์žˆ์Šต๋‹ˆ๋‹ค: Bottom, Center, Top์œผ๋กœ, ๊ฐ๊ฐ ๋ถ€๋ชจ ์š”์†Œ์˜ Y์ถ• 0%, 50%, 100% ์ง€์ ์— ํ•ด๋‹นํ•ฉ๋‹ˆ๋‹ค.

Offset

GUI๊ฐ€ ์•ต์ปค๋กœ๋ถ€ํ„ฐ ์–ผ๋งˆ๋‚˜ ๋–จ์–ด์ ธ ์žˆ๋Š”์ง€๋ฅผ ์ง€์ •ํ•˜๋Š” ์†์„ฑ์ž…๋‹ˆ๋‹ค.

X์™€ Y ๊ฐ’์„ ์ง€์ •ํ•˜์—ฌ ๊ฐ ์ถ• ๋ฐฉํ–ฅ์œผ๋กœ ์ง€์ •๋œ ๊ฐ’๋งŒํผ ์˜คํ”„์…‹์„ ๊ฐ€์ง‘๋‹ˆ๋‹ค.

โ„น๏ธ

๋‹จ์œ„๋Š” px์™€ % (ํผ์„ผํŠธ) ๋‘ ๊ฐ€์ง€๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

px์˜ ๊ฒฝ์šฐ ์ง€์ •๋œ ๊ฐ’์— ํ•ด๋‹นํ•˜๋Š” ๊ณ ์ • ํ”ฝ์…€ ๊ฐ’์œผ๋กœ ์˜คํ”„์…‹์ด ์ ์šฉ๋ฉ๋‹ˆ๋‹ค. ํ•ญ์ƒ ๊ณ ์ • ๊ฑฐ๋ฆฌ๋ฅผ ์œ ์ง€ํ•ด์•ผ ํ•  ๋•Œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

%์˜ ๊ฒฝ์šฐ x์ถ•๊ณผ y์ถ•์ด ๊ฐ๊ฐ ๋ถ€๋ชจ ์š”์†Œ์˜ ๋„ˆ๋น„์™€ ๋†’์ด ๋Œ€๋น„ ์ง€์ •๋œ ํผ์„ผํŠธ ๊ฐ’๋งŒํผ ์˜คํ”„์…‹๋ฉ๋‹ˆ๋‹ค. ๋ถ€๋ชจ ์š”์†Œ์˜ ํฌ๊ธฐ๊ฐ€ ์‹ค์ œ ์˜คํ”„์…‹ ํฌ๊ธฐ๋ฅผ ๊ฒฐ์ •ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ํ™”๋ฉด ํฌ๊ธฐ์— ๋”ฐ๋ผ ์œ ์—ฐํ•œ ๋ฐฐ์น˜๊ฐ€ ํ•„์š”ํ•˜๊ฑฐ๋‚˜ ๋‹ค๋ฅธ GUI์˜ ์ž์‹์œผ๋กœ GUI๋ฅผ ํฌํ•จํ•˜์—ฌ ์ƒ๋Œ€์ ์ธ ์˜คํ”„์…‹์„ ์œ ์ง€ํ•˜๊ณ ์ž ํ•  ๋•Œ ์œ ์šฉํ•ฉ๋‹ˆ๋‹ค.

Size

GUI์˜ ํฌ๊ธฐ๋ฅผ ์ง€์ •ํ•˜๋Š” ์†์„ฑ์ž…๋‹ˆ๋‹ค.

X์™€ Y ๊ฐ’์„ ์ง€์ •ํ•˜์—ฌ ๊ฐ ์ถ• ๋ฐฉํ–ฅ์œผ๋กœ ์ง€์ •๋œ ๊ฐ’๋งŒํผ ํฌ๊ธฐ๋ฅผ ๊ฐ€์ง‘๋‹ˆ๋‹ค.

โ„น๏ธ

๋‹จ์œ„๋Š” px์™€ % (ํผ์„ผํŠธ) ๋‘ ๊ฐ€์ง€๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

PX์˜ ๊ฒฝ์šฐ ์ง€์ •ํ•œ ๊ฐ’์— ํ•ด๋‹นํ•˜๋Š” ๊ณ ์ • ํ”ฝ์…€ ๊ฐ’์œผ๋กœ ํฌ๊ธฐ๊ฐ€ ์„ค์ •๋ฉ๋‹ˆ๋‹ค. ๊ณ ์ • ํฌ๊ธฐ์˜ GUI๋ฅผ ๋ฐฐ์น˜ํ•˜๊ณ  ์‹ถ์„ ๋•Œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

%์˜ ๊ฒฝ์šฐ x์ถ•๊ณผ y์ถ•์ด ๊ฐ๊ฐ ๋ถ€๋ชจ ์š”์†Œ์˜ ๋„ˆ๋น„์™€ ๋†’์ด ๋Œ€๋น„ ์ง€์ •๋œ ํผ์„ผํŠธ ๊ฐ’๋งŒํผ ํฌ๊ธฐ๊ฐ€ ์„ค์ •๋ฉ๋‹ˆ๋‹ค. ๋ถ€๋ชจ ์š”์†Œ์˜ ํฌ๊ธฐ๊ฐ€ ์‹ค์ œ ํฌ๊ธฐ๋ฅผ ๊ฒฐ์ •ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ํ™”๋ฉด ํฌ๊ธฐ์— ๋”ฐ๋ผ ์œ ์—ฐํ•œ ๋ฐฐ์น˜๊ฐ€ ํ•„์š”ํ•˜๊ฑฐ๋‚˜ ๋‹ค๋ฅธ GUI์˜ ์ž์‹์œผ๋กœ GUI๋ฅผ ํฌํ•จํ•˜์—ฌ ์ƒ๋Œ€์ ์ธ ํฌ๊ธฐ๋ฅผ ์œ ์ง€ํ•˜๊ณ ์ž ํ•  ๋•Œ ์œ ์šฉํ•ฉ๋‹ˆ๋‹ค.

MaintainAspectRatio

GUI์˜ ๊ณ ์œ ํ•œ ์ข…ํšก๋น„๊ฐ€ ์œ ์ง€๋˜๋Š”์ง€ ์—ฌ๋ถ€๋ฅผ ๊ฒฐ์ •ํ•˜๋Š” ๊ฐ’์ž…๋‹ˆ๋‹ค.

๊ธฐ๋ณธ์ ์œผ๋กœ ์ฒดํฌ๋˜์–ด ์žˆ์œผ๋ฉฐ, ์ฒดํฌ๋˜์–ด ์žˆ์œผ๋ฉด ์ข…ํšก๋น„๋ฅผ ์œ ์ง€ํ•ฉ๋‹ˆ๋‹ค. ์ข…ํšก๋น„๋ฅผ ์œ ์ง€ํ•จ์œผ๋กœ์จ X ๋˜๋Š” Y ์ค‘ ํ•˜๋‚˜๋ฅผ ๋ฌด์‹œํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ฒดํฌ๋ฅผ ํ•ด์ œํ•˜๋ฉด ์ข…ํšก๋น„๊ฐ€ ๋ฌด์‹œ๋˜๊ณ  ์‚ฌ์šฉ์ž๊ฐ€ ์ง€์ •ํ•œ ํฌ๊ธฐ๋กœ GUI๊ฐ€ ๋ณ€๊ฒฝ๋ฉ๋‹ˆ๋‹ค.