๋ชฉ๋กTransform class (1)

ram2 ๐Ÿš—

[Flutter] Transform class ์ •๋ฆฌ

Transform class transform class๋Š” ์ง€๊ธˆ๊นŒ์ง€ ๋ณธ ์œ„์ ฏ๋“ค ์ค‘ ๊ฐ€์žฅ ์žฌ๋ฐŒ๊ณ  ์‹ ๊ธฐํ•˜๊ฒŒ ๋‹ค๊ฐ€์™”๋‹ค. ์šฐ๋ฆฌ๊ฐ€ ํ”ํžˆ ํŒŒ์›Œํฌ์ธํŠธ๋‚˜, ์˜์ƒ, ์•ฑ ์‚ฌ์šฉ ์ค‘ ๋ดค์„ ๋ฒ•ํ•œ ๊ธฐ๋Šฅ๋“ค์ด transform ์œ„์ ฏ์„ ์‚ฌ์šฉํ•œ ๊ฒƒ์ด๋‹ค. ์•„๋ž˜ ์ฒจ๋ถ€ํ•œ ์˜์ƒ์„ ๋ณด๋ฉด ๋‚˜๋„ ๋ชจ๋ฅด๊ฒŒ '์šฐ์™€' ํ•˜๊ฒŒ ๋  ๊ฒƒ์ด๋‹ค. transform์—๋Š” ์ •๋ง ๋งŽ์€ ๊ธฐ๋Šฅ๋“ค์ด ์žˆ๋Š”๋ฐ, ๊ทธ ์ค‘ 3๊ฐœ์˜ ๊ธฐ๋Šฅ์„ ์†Œ๊ฐœํ•˜๊ณ ์ž ํ•œ๋‹ค. 1. Transform.rotate child๋ฅผ ์›ํ•˜๋Š” ๊ฐ์œผ๋กœ ํšŒ์ „ํ•˜๋Š” ๊ฒƒ์ด๋‹ค. 2. Transform.scale child์˜ ํฌ๊ธฐ๋ฅผ ์›ํ•˜๋Š” ํฌ๊ธฐ๋กœ ์กฐ์ •ํ•˜๋Š” ๊ฒƒ์ด๋‹ค. 3. Transform.translate child์˜ ์œ„์น˜๋ฅผ ์›ํ•˜๋Š” ์œ„์น˜๋กœ ์ด๋™ํ•˜๋Š” ๊ฒƒ์ด๋‹ค. ์ด ์™ธ์—๋„ skew, 3D perspective ๋“ฑ ์šฐ๋ฆฌ๊ฐ€ ์‹ค์ œ๋กœ ๋ณธ ๊ฒฝํ—˜์ด ..

๐Ÿ’ง flutter 2022. 7. 6. 00:48