์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
Tags
- family control
- Computer Vision
- Xcode
- ํ๊ณ
- vscode
- OpenCV
- ํดํ
- codelab
- Center
- ๊ณต์๋ฌธ์
- ์ค๋ํดํ
- ๋ค์ง
- Ai
- FLUTTER
- Flutter codelab
- UIKit
- Swift
- ํ๊ธ
- IOS
- SwiftUI
- C++
- ์ ํ๋ก๊ทธ์ธ๊ตฌํํ๊ธฐ
- React
- git error
- Column
- dart
- ์ค์ํํธ
- useEffect
- Simulator
- Git
Archives
- Today
- Total
ram2 ๐
[Flutter] Transform class ์ ๋ฆฌ ๋ณธ๋ฌธ
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 |