원형 레이아웃

· 🐋 Flutter
개요얼마 전에 플러터로 동글동글한 UI를 개발하던 중 Stack 구조에 자식위젯들을 원형으로 배치해야 되는 일이 생겼다.가장 효율적인 원형배치를 하기 위해서는 dart:math 패키지에 있는 삼각함수 기능들 (sin, cos) 등을 사용할 필요가 있었고, 깔끔한 방법으로 구현을 하게 되어서 공유를 하고 싶었다.아래의 사진은 내가 구현한 원형 스택 구조의 모습이다.   과일의 이름들을 따서 각 개수만큼 자동으로 원형 배치가 이뤄지는 구조다.이를 구현하기 위해서는 우선 삼각비에 대해 이해할 필요가 있다.중학교 때 배웠던 내용이지만 시간이 지나면서 거의 기억이 나지 않았는데, 원형 좌표를 구현하기 위해 원 방정식을 이용하다 더 쉬운 방법인 삼각비를 기억해 내게 되었다.  삼각비를 통한 계산 공식  자, 복습을..
Dogfoot_JW
'원형 레이아웃' 태그의 글 목록