figma

규칙

figma에서 디자인한 것을 GUI로 변환시키려면 아래와 같은 규칙을 지켜서 작업해야 합니다.

GUI	figma
글씨	Anything (상관x)
한줄 input	TextBox
여러줄 입력	TextArea
버튼	Button
선	Line
사각형	Rectangle
이미지	Image

도형에 대한 자세한 설명은 해당 영상의 4분 40초를 참고해 주세요.

주의사항

entry랑 text가 겹치면 안된다.

entry의 영역이 text를 포함하게 되면, text가 깨지는 문제가 있습니다.

(이미지에 정확하게 찍히진 않았지만, TextBox의 크기가 Text 영역과 겹침)

frame의 시작점 x, y는 0으로 설정해야 한다.

특수 도형들은 Image로 처리

사각형, 원 등 기본 도형을 제외한 다른 도형들은 Image로 작성해줘야 합니다.
백그라운드 사각형을 또 하나 만들어줘야 배경색에 대한 문제가 안 생깁니다.

기타

피그마에서 로컬 폰트 사용

https://nicecarrot2.tistory.com/99

Tkinter-designer

사용법

1. pip install tkdesigner
2. git clone https://github.com/ParthJadhav/Tkinter Designer.git
3. clone 한 폴더에서 gui/gui.py로 tkinter로 변환 가능

---

코드

인코딩

# -- coding: utf-8 --
를 맨위에 적어줘야 tkinter에서 한글 사용이 가능하다.

화면 전환

여러가지 방법이 있는 것 같지만, 현재 frame을 다른 page의 canvas로 덮어쓰는 방법이 있다.

단, 이 방식의 경우 entry나 image를 불러오지 못할 때가 있는데, 이 경우엔 아래와 같이 작성해주면 된다.