버튼 생성

버튼 컴포넌트를 생성하려면:

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'의 컴포넌트로 드래그합니다. 이렇게 하면 'Item'이 'Rectangle'의 부모가 되는 중첩된 컴포넌트가 생성됩니다. 컴포넌트는 부모를 기준으로 위치를 결정합니다.
5. Properties 뷰에서 사각형의 모양을 수정합니다.
   • ' Color ' 필드에서 버튼 색상을 선택합니다.
   • ' Radius ' 필드에서 사각형의 반지름을 설정하여 버튼 모서리를 둥글게 만드십시오.
   • ' Layout'을 선택한 다음, ' ' (Fill to Parent) 버튼을 선택하여 사각형을 해당 항목에 고정합니다.
6. ‘ Text ’ 컴포넌트를 ‘ Navigator ’의 ‘Item’으로 드래그합니다.
7. Properties 뷰에서 Text 컴포넌트의 속성을 편집합니다.
   • ' Text ' 필드에 'Button'을 입력합니다.

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

   • ' Alignment ' 필드에서 'center buttons'를 선택하여 텍스트를 버튼 중앙에 정렬합니다.
   • ‘ Layout ’ > ‘ Fill to Parent ’을 선택하면 텍스트가 버튼 전체 영역에 고정됩니다.
8. Ctrl+S를 눌러 버튼을 저장합니다.

   

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

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