버튼 만들기

버튼 컴포넌트를 만들려면 다음과 같이 하세요:

1. File > New File > > Qt Quick Files > Qt Quick UI File > Choose 을 선택하여 Button.ui.qml 이라는 UI 파일을 만듭니다(예: ).

   참고: 컴포넌트는 파일 이름이 대문자로 시작하는 경우에만 Components > My Components 에 나열됩니다.

2. Design 을 선택하여 2D 보기에서 파일을 편집합니다.
3. Navigator 에서 Item 을 선택하고 Properties 에서 버튼의 너비(W)와 높이(H)를 설정합니다.
4. Components > Default Components > Basic 에서 Rectangle 를 Navigator 의 컴포넌트로 드래그합니다. 그러면 항목이 직사각형의 부모가 되는 중첩 컴포넌트가 생성됩니다. 컴포넌트는 부모를 기준으로 배치됩니다.
5. Properties 보기에서 사각형의 모양을 수정합니다:
   • Color 필드에서 버튼 색상을 선택합니다.
   • Radius 필드에서 직사각형의 반경을 설정하여 버튼의 모서리를 둥글게 만듭니다.
   • Layout 를 선택한 다음 (Fill to Parent) 버튼을 선택하여 직사각형을 항목에 고정합니다.
6. Text 컴포넌트를 Navigator 의 항목으로 드래그합니다.
7. Properties 보기에서 Text 구성 요소의 속성을 편집합니다:
   • Text 필드에 버튼을 입력합니다.

     Text color 필드에서 텍스트 색상을 선택하고 Font 섹션에서 글꼴, 크기 및 스타일을 선택할 수 있습니다.

   • Alignment 필드에서 가운데 버튼을 선택하여 텍스트를 버튼의 중앙에 맞춥니다.
   • Layout > Fill to Parent 을 선택하여 텍스트를 전체 버튼 영역에 고정합니다.
8. Ctrl+S를 선택하여 버튼을 저장합니다.

   

버튼 컴포넌트를 유용하게 사용하려면 프로젝트에서 만들어야 합니다. 프로젝트의 다른 파일에서 작업하여 UI의 화면이나 기타 구성 요소를 만들면 버튼 구성 요소가 Components > My Components 에 나타납니다. 이를 사용하여 버튼 인스턴스를 만들고 속성을 수정하여 유용한 ID를 할당하고 모양을 변경하고 각 버튼 인스턴스의 버튼 텍스트를 설정하는 등의 작업을 수행할 수 있습니다.

벡터 그래픽을 사용하지 않고도 멋지게 크기가 조정되는 그래픽 버튼을 만들려면 BorderImage 컴포넌트를 사용하세요. 자세한 내용은 확장 가능한 버튼 및 테두리 만들기를 참조하세요.