모델 편집기

모델 편집기를 사용하여 시스템에 다양한 보기를 제공하는 구조 및 동작 다이어그램이 있는 UML(Universal Modeling Language) 스타일 모델을 만들 수 있습니다. 그러나 이 편집기는 UML의 변형을 사용하며 모델 요소의 모양을 지정하기 위한 속성의 하위 집합만 있습니다.

구조 다이어그램은 시스템의 정적 측면을 나타내므로 안정적이지만, 동작 다이어그램은 정적 및 동적 측면을 모두 가지고 있습니다.

다음과 같은 유형의 구조 다이어그램을 만들 수 있습니다:

• 패키지 다이어그램: 패키지와 그 관계로 구성되며 시스템이 어떻게 패키징되어 있는지 시각화합니다.
• 클래스 다이어그램: 클래스, 종속성, 상속, 연관성, 집계, 구성으로 구성되어 시스템을 객체 지향 방식으로 보여줍니다.
• 컴포넌트 다이어그램 - 컴포넌트 집합과 그 관계를 나타내며 시스템의 구현을 보여줍니다.
• 배포 다이어그램: 소프트웨어 및 하드웨어 구성 요소 집합과 그 관계를 나타내며 시스템의 배포를 시각화합니다.

다음과 같은 유형의 동작 다이어그램을 만들 수 있습니다:

• 사용 사례 다이어그램: 액터, 사용 사례 및 그 관계로 구성되며 시스템의 특정 기능을 나타내는 사용 사례 다이어그램.
• 활동 다이어그램: 한 활동에서 다른 활동으로의 흐름을 시각화하는 다이어그램입니다.
• 시퀀스 다이어그램: 인스턴스로 구성되며 인스턴스가 활성화 및 소멸되는 위치와 인스턴스의 수명이 끝나는 위치를 지정하는 다이어그램입니다.

모델 편집

여러 가지 구조 다이어그램 또는 동작 다이어그램이 있는 모델을 만들 수 있습니다. 다이어그램에 요소를 추가하고 해당 요소에 대한 속성을 지정하세요. 표준 모델 요소를 사용하거나 사용자 지정 아이콘으로 자신만의 요소를 추가할 수 있습니다.

모델 편집기의 클래스 다이어그램.

다음과 같은 방법으로 다이어그램에 요소를 추가합니다:

• 요소 도구 모음(1)에서 편집기(2)로 요소를 드래그합니다.
• 도구 모음 버튼(3)을 선택하여 요소 트리에 요소를 추가합니다(4).
• 요소 트리에서 편집기로 요소를 드래그하여 해당 요소와 모든 관계를 다이어그램에 추가합니다.
• 소스 파일을 사이드바 보기에서 편집기로 드래그하여 다이어그램에 C++ 클래스 또는 컴포넌트를 추가합니다.

요소 그룹화

요소를 그룹화하려면 요소를 경계로 둘러싸세요. 경계를 이동하면 그 안에 있는 모든 요소가 함께 이동합니다.

마찬가지로 스윔레인을 다이어그램으로 드래그합니다. 스윔레인을 이동하면 스윔레인 바로 위(수직 스윔레인의 경우) 또는 아래(수평 스윔레인의 경우)에 있는 모든 요소가 함께 이동합니다.

수직 스윔레인을 만들려면 다이어그램의 상단 테두리에 스윔레인 아이콘을 끌어다 놓습니다. 수평 스윔레인을 만들려면 왼쪽 테두리 근처에 아이콘을 놓습니다.

패키지에 배치한 클래스나 기타 객체는 패키지와 함께 이동합니다. 개별 요소를 이동하고 해당 속성(5)을 수정하려면 해당 요소를 선택합니다.

다중 선택을 사용하여 요소를 일시적으로 그룹화할 수 있습니다.

요소 정렬하기

편집기에서 요소를 정렬하려면 여러 요소를 선택하고 마우스 오른쪽 버튼을 클릭하여 컨텍스트 메뉴를 엽니다. Align Objects 메뉴에서 동작을 선택하여 요소를 가로 또는 세로로 정렬하거나 너비와 높이를 조정합니다.

요소 관리

요소 위로 마우스를 드래그하여 선택하고 스테레오타입 또는 색상 변경과 같은 작업을 적용합니다. 스테레오타입은 엔티티, 컨트롤, 인터페이스 또는 경계와 같은 요소에 대한 분류기입니다. 엔티티는 일반적으로 데이터를 저장하는 데 사용되는 클래스입니다. 일부 고정 관념의 경우 사용자 지정 아이콘이 정의되어 있습니다. 하나의 요소에 쉼표로 구분된 여러 개의 고정 관념을 지정할 수 있습니다.

다이어그램에 관련 요소를 추가하려면 편집기에서 요소를 선택한 다음 상황에 맞는 메뉴에서 Add Related Elements 을 선택합니다.

기본적으로 다이어그램에서 요소를 선택하면 Structure 보기에서도 강조 표시됩니다. Structure 에서 요소를 선택하면 다이어그램에서도 강조 표시되도록 이 동작을 변경하려면 을 선택한 다음 Synchronize Diagram with Structure 을 선택합니다. 다이어그램과 Structure 보기의 선택 내용을 동기화하려면 Keep Synchronized 을 선택합니다.

요소 이름에서 파일로 링크하기

요소 이름에서 파일로 링크하려면 Linked file 에서 파일을 선택합니다.

다이어그램 확대하기

다이어그램을 확대하려면 다음과 같이 하세요:

• Zoom In 도구 모음 버튼을 선택합니다.
• Ctrl++를 선택합니다.
• Ctrl을 선택하고 마우스 휠을 위로 굴립니다.

다이어그램을 축소하려면 다음과 같이 하세요:

• Zoom Out 을 선택합니다.
• Ctrl+-를 선택합니다.
• Ctrl을 선택하고 마우스 휠을 아래로 굴립니다.

다이어그램 크기를 100%로 재설정하려면 다음과 같이 하세요:

• Reset Zoom 을 선택합니다.
• Ctrl+0을 선택합니다.

다이어그램 인쇄하기

다이어그램을 인쇄하려면 편집기에서 선택한 요소가 없을 때 Ctrl+C를 선택하여 300dpi를 사용하여 모든 요소를 클립보드에 복사합니다. 그런 다음 이미지를 인쇄할 수 있는 애플리케이션에 다이어그램을 붙여넣습니다.

편집기에서 선택한 요소를 복사하는 경우 해당 요소와 그 관계만 이미지로 클립보드에 복사됩니다.

다이어그램을 이미지로 내보내기

다이어그램을 이미지로 저장하려면 File 으로 이동한 다음 Export Diagram 을 선택합니다. 다이어그램에서 선택한 부분만 저장하려면 Export Selected Elements 을 선택합니다.

사용자 지정 요소 추가하기

모델 편집기에는 패키지, 컴포넌트, 클래스 및 항목과 같은 기본 제공 요소 유형이 있습니다.

기본 제공 요소에 사용자 지정 아이콘을 사용하려면 요소 속성의 Image 에서 이미지 파일을 선택합니다.

컴포넌트 속성의 이미지 필드입니다.

정의 파일 사용

패키지, 컴포넌트 및 클래스 요소의 경우 정의 파일을 사용하여 사용자 정의 아이콘을 지정할 수 있습니다.

아이콘의 색상, 크기 및 형태는 스테레오타입에 의해 결정됩니다. 고정 관념을 요소에 첨부하면 요소 아이콘이 사용자 정의 아이콘으로 바뀝니다. 예를 들어 엔티티 및 인터페이스 고정 관념은 클래스에, 데이터베이스 고정 관념은 컴포넌트에 첨부할 수 있습니다.

사용 사례 및 활동 다이어그램은 기본 제공 항목 요소 유형을 사용하여 사용자 지정 요소를 추가하는 예입니다. 항목 요소는 단순한 직사각형 형태입니다. 사용 사례는 항목에 사용자 지정 아이콘을 사용하는 방법을 보여줍니다. 첨부된 고정 관념은 사용 사례 라고 하지만 숨겨져 있습니다. 따라서 사용 사례를 다이어그램으로 드래그하면 사용 사례로 표시되지만 고정 관념은 정의되지 않은 것으로 보이며 사용 사례에 추가 고정 관념을 첨부할 수 있습니다.

간단한 정의 파일 형식을 사용하여 사용 사례 및 활동 다이어그램의 요소에 색상과 아이콘을 첨부할 수 있습니다. 예를 들어 다음 코드는 UseCase 사용자 지정 요소를 추가합니다:

Icon {
    id: UseCase
    title: "Use-Case"
    elements: item
    stereotype: 'usecase'
    display: icon
    width: 40
    height: 20
    baseColor: #5fb4f0
    Shape {
        Ellipse { x: 20, y: 10, radiusX: 20, radiusY: 10 }
    }
}

사용 가능한 옵션에 대한 자세한 내용은 Qt Creator 설치 디렉터리의 share/qtcreator/modeleditor 디렉터리에 있는 standard.def 을 참조하세요. 또한 기존 유형(예: 클래스 간에 그릴 수 있는 컴포지션 관계)에 대한 사용자 정의 관계 유형 및 템플릿을 정의하는 방법도 설명되어 있습니다.

자신만의 정의 파일을 추가하고 파일 확장자 .def 로 저장하여 고정관념, 요소 또는 도구 모음에 사용자 지정 색상과 아이콘을 추가하세요. 이 파일을 standard.def 파일과 같은 디렉터리에 저장하거나 모델의 루트 요소를 선택하고 .def 파일을 Config path 속성에 적용합니다.