728x90
๋ฐ์ํ
Transform class
transform class๋ ์ง๊ธ๊น์ง ๋ณธ ์์ ฏ๋ค ์ค ๊ฐ์ฅ ์ฌ๋ฐ๊ณ ์ ๊ธฐํ๊ฒ ๋ค๊ฐ์๋ค.
์ฐ๋ฆฌ๊ฐ ํํ ํ์ํฌ์ธํธ๋, ์์, ์ฑ ์ฌ์ฉ ์ค ๋ดค์ ๋ฒํ ๊ธฐ๋ฅ๋ค์ด transform ์์ ฏ์ ์ฌ์ฉํ ๊ฒ์ด๋ค.
์๋ ์ฒจ๋ถํ ์์์ ๋ณด๋ฉด ๋๋ ๋ชจ๋ฅด๊ฒ '์ฐ์' ํ๊ฒ ๋ ๊ฒ์ด๋ค.
transform์๋ ์ ๋ง ๋ง์ ๊ธฐ๋ฅ๋ค์ด ์๋๋ฐ, ๊ทธ ์ค 3๊ฐ์ ๊ธฐ๋ฅ์ ์๊ฐํ๊ณ ์ ํ๋ค.
1. Transform.rotate
- child๋ฅผ ์ํ๋ ๊ฐ์ผ๋ก ํ์ ํ๋ ๊ฒ์ด๋ค.
2. Transform.scale
- child์ ํฌ๊ธฐ๋ฅผ ์ํ๋ ํฌ๊ธฐ๋ก ์กฐ์ ํ๋ ๊ฒ์ด๋ค.
3. Transform.translate
- child์ ์์น๋ฅผ ์ํ๋ ์์น๋ก ์ด๋ํ๋ ๊ฒ์ด๋ค.
์ด ์ธ์๋ skew, 3D perspective ๋ฑ ์ฐ๋ฆฌ๊ฐ ์ค์ ๋ก ๋ณธ ๊ฒฝํ์ด ์๋ ๊ฒ๋ค๋ transform ์์ ฏ์ ํตํด ๋ง๋ค ์ ์๋ค.
์ฐธ๊ณ ์์) https://youtu.be/9z_YNlRlWfA
728x90
๋ฐ์ํ
'๐ง flutter' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
Padding class (0) | 2022.07.06 |
---|---|
[Flutter] Expanded class (0) | 2022.07.06 |
[Flutter] SizedOverflowBox class ์ ๋ฆฌ (0) | 2022.07.06 |
[Flutter] OverflowBox class ์ ๋ฆฌ (0) | 2022.07.06 |
[Flutter] Offstage class ์ ๋ฆฌ (0) | 2022.07.06 |