[QT QML] QML Code Conventions , QML 기초, 기본적인 기초

QT 자료 : https://doc.qt.io/qt-5/qmltypes.html

 

💡 ID

소문자로 첫자 시작하는 규칙

• 모든 객체들은 ID를 가질 수 있고, QML 하나의 문서 내에서 동일한 ID 부여는 안된다.
• 상위에서 하위를, 혹은 하위에서 상위를 호출할때 사용되며 자식이 부모를 이를 때만 별도의 부여 없이 parent로 호출이 가능하다.

💡 Width / height / x / y

가로, 세로, x축, y축 위치 설정 하는 것으로 int 값으로 작성해야 된다.

• 여러가지 옵션 세팅 시, 중간에 세미콜론(;)을 넣어 한줄로 이어 작성이 가능하다.
• 라인이 짧아지는 장점은 있으나 가독성이 떨어지기 때문에 anchors를 쓰게 된다.

💡 Color

내부의 색상 설정으로 color값은 "#000000", "black" 둘 다 가능하다.

• yellow, red, blue 모두 사용 가능하지만 선택의 폭이 좁기 때문에 RGB를 찾아서 쓰는 것이 좋다.
• google → QML color 검색 시 색상 참고 가능하다.

💡 border.color

테두리 색상 설정 부분

• 위의 color 설정과 동일하나, border.width : 0일 경우 아무리 색상 설정을해도 나오지 않는다.

💡 Radius

사각형 모서리를 둥글게 하는 변수

• 0은 뾰족한 default 사각형 형태를 유지
• int값이 증가할 수록 둥근 모서리를 만든다.

💡 Rotation

사각형을 회전하는 변수

• 90이면 90도를 의미하며, int로 값을 정의한다.

💡 anchors and margin

left, right, top, bottom, center 모두 존재하며 이들은 크기가 아닌 위치를 세팅 하는 것이다.

• anchors.right: parent.right는 부모의 우측 기준선과 같도록 맞추게 된다.
• margin은 anchors가 지정된 경우에만 사용이 가능하다.
• anchors.left: parent.left → left 마진을 줄 수 있게된다.
• anchors.centerIn은 뒤 코드에 parent만 작성해도 적용된다.

💡 anchors.fill

자기 자신의 면적(크기)에 대해 설정하는 것

• anchors.fill: parent는 부모의 면적 크기를 따르도록 한다는 의미이다.

💡 clip

부모와 함께 움직이도록 묶는 것으로, 부모의 크기를 자식이 벗어날 경우 부모 크기 만큼만, 그리고 그 외 벗어나려고 하는 부분은 잘라버린다.

• 부모와 따로 놀게 만들려면 false를 주면된다.