방법: 레이아웃 컨트롤(C++)
대화 상자 편집기 에서는 컨트롤을 자동으로 정렬하고 크기를 조정하는 레이아웃 도구를 제공합니다. 대부분의 작업의 경우 대화 상자 편집기 도구 모음을 사용할 수 있습니다. 모든 대화 편집기 도구 모음 명령은 서식 메뉴에서도 사용할 수 있으며 대부분 바로 가기 키가 있습니다.
대화 상자에 대한 많은 레이아웃 명령은 둘 이상의 컨트롤을 선택한 경우에만 사용할 수 있습니다. 단일 컨트롤 또는 여러 컨트롤을 선택할 수 있으며 둘 이상의 컨트롤을 선택하면 첫 번째 컨트롤이 기본적으로 기본 컨트롤입니다.
현재 컨트롤의 위치, 높이 및 너비가 상태 막대의 오른쪽 아래 모서리에 표시됩니다. 전체 대화 상자를 선택하면 상태 표시줄에 대화 상자의 전체 위치와 높이와 너비가 표시됩니다.
컨트롤 정렬
대화 상자 편집기를 사용하여 대화 상자의 컨트롤을 세 가지 상태 중 하나로 정렬할 수 있습니다.
안내선 및 여백을 설정하면 기본값으로 설정됩니다.
레이아웃 눈금이 켜진 상태에서
맞춤 또는 맞춤 기능이 없습니다.
대화 상자 편집기 도구 모음에는 상태를 제어하는 단추가 포함되어 있습니다.
- 상태를 변경하려면 적절한 아이콘을 선택하거나 메뉴 서식>가이드 설정 이동합니다.
가이드 설정 대화 상자에는 다음과 같은 속성이 있습니다.
| 속성 | 설명 |
|---|---|
| 레이아웃 안내선 | 레이아웃 안내선에 대한 설정을 표시합니다. |
| 없음 | 레이아웃 도구를 숨깁니다. |
| 눈금자 및 안내선 | 사용하도록 설정하면 레이아웃 도구에 눈금자를 추가하고 안내선이 눈금자에 배치되도록 허용합니다. 기본 안내선은 여백입니다. |
| 그리드 | 레이아웃 그리드를 만듭니다. 새 컨트롤이 그리드에 자동으로 맞춰지게 됩니다. |
| 눈금 간격 | DLL(대화 상자 단위)에서 그리드 간격에 대한 설정을 표시합니다. |
| 너비: DLL | DLL에서 레이아웃 눈금의 너비를 설정합니다. 가로 DLU는 대화 상자 글꼴의 평균 너비를 4로 나눈 값입니다. |
| 높이: DLA | DLL에서 레이아웃 눈금의 높이를 설정합니다. 세로 DLU는 대화 상자 글꼴의 평균 높이를 8로 나눈 값입니다. |
안내선 및 여백
컨트롤을 이동하든, 컨트롤을 추가하든, 현재 레이아웃을 다시 정렬하든, 안내선 및 여백을 사용하면 대화 상자 내에서 컨트롤을 정확하게 정렬할 수 있습니다.
대화 상자를 만들면 여백이라는 4개의 수정된 안내선이 제공되고 파란색 점선으로 표시됩니다.
여백을 이동하려면 여백을 새 위치로 끕니다.
여백이 사라지도록 하려면 여백을 0 위치로 이동합니다.
여백을 다시 가져오려면 여백의 0 위치 위에 포인터를 놓고 여백을 위치로 이동합니다.
안내선은 편집기에서 표시되는 대화 상자의 파란색 점선으로 표시되고 대화 편집기의 위쪽과 왼쪽에 있는 눈금자의 해당 화살표로 표시됩니다. 컨트롤의 크기 조정 핸들은 컨트롤이 이동될 때 안내선에 맞춰지고, 안내선은 이전에 안내선에 스냅된 컨트롤이 없는 경우 컨트롤에 맞춰집니다. 안내선이 이동되면 안내선에 연결된 컨트롤도 이동합니다. 둘 이상의 안내선에 스냅된 컨트롤은 안내선 중 하나가 이동될 때 크기가 조정됩니다.
눈금자 내에서 가이드를 만들려면 한 번 선택하여 가이드를 만들거나 두 번 클릭하여 안내선 설정을 지정할 수 있는 가이드 설정 대화 상자를 시작합니다.
대화 상자에서 안내선을 설정하려면 안내선을 선택하고 새 위치로 끌어다 놓거나 눈금자에서 화살표를 선택하여 연결된 안내선을 끌어옵니다.
안내선의 좌표는 창 아래쪽의 상태 막대에 표시되거나 눈금자에서 포인터를 눈금자의 화살표 위로 이동하여 안내선의 정확한 위치를 표시합니다.
안내선을 삭제하려면 안내선을 대화 상자 밖으로 끌거나 눈금자에서 해당 화살표를 끕니다.
안내선 및 컨트롤의 간격을 결정하는 눈금자의 눈금 표시는 DLA(대화 상자 단위)로 정의됩니다. DLU는 대화 상자 글꼴의 크기(일반적으로 8포인트 MS Shell Dlg)를 기반으로 합니다. 가로 DLU는 대화 상자 글꼴의 평균 너비를 4로 나눈 값입니다. 세로 DLU는 글꼴의 평균 높이를 8로 나눈 값입니다.
- 눈금 간격을 변경하려면 메뉴 서식>안내선 설정 이동한 다음 눈금 간격 필드에서 DLA에서 새 너비와 높이를 지정합니다.
레이아웃 눈금
대화 상자에 컨트롤을 배치하거나 정렬하는 경우 레이아웃 그리드를 사용하여 보다 정확한 위치를 지정합니다. 그리드를 켜면 컨트롤이 자화한 것처럼 그리드의 점선에 맞춰집니다.
레이아웃 표를 켜거나 끄려면 메뉴 서식>안내선 설정 이동하여 눈금 단추를 선택하거나 선택 취소합니다.
대화 편집기 도구 모음의 토글 그리드 단추를 사용하여 개별 대화 편집기 창에서 그리드를 제어할 수 있습니다.
레이아웃 눈금의 크기를 변경하려면 메뉴 서식>안내선 설정 이동하여 표에 있는 셀의 높이와 너비를 DLA에 입력합니다. 최소 높이 또는 너비는 4입니다.
안내선 사용 안 함
특수 키를 마우스와 함께 사용하여 안내선의 맞춤 효과를 사용하지 않도록 설정할 수 있습니다. Alt 키를 사용하면 선택한 가이드의 맞춤 효과가 비활성화됩니다. Shift 키를 사용하여 가이드를 이동하면 스냅된 컨트롤이 가이드와 함께 이동되지 않습니다.
안내선의 맞춤 효과를 사용하지 않도록 설정하려면 Alt 키를 누른 채 컨트롤을 끕니다.
스냅된 컨트롤을 이동하지 않고 안내를 이동하려면 Shift 키를 누른 채 안내선을 끕니다.
가이드를 끄려면 메뉴 서식>가이드 설정 이동합니다. 그런 다음 레이아웃 안내선 아래에서 없음을 선택합니다.
팁
서식 토글 가이드 메뉴에서 >바로 가기를 사용할 수도 있습니다.
컨트롤 선택
컨트롤의 크기를 조정, 정렬, 이동, 복사 또는 삭제할 컨트롤을 선택한 다음 원하는 작업을 완료합니다. 대부분의 경우 대화 상자 편집기 도구 모음에서 크기 조정 및 맞춤 도구를 사용하려면 둘 이상의 컨트롤을 선택해야 합니다.
컨트롤을 선택하면 그 주위에는 단색(활성) 또는 중공(비활성) 크기 조정 핸들, 선택 테두리에 나타나는 작은 사각형이 있는 음영 테두리가 있습니다. 여러 컨트롤을 선택하면 주 컨트롤에는 견고한 크기 조정 핸들이 있고 선택한 다른 모든 컨트롤에는 속이 빈 크기 조정 핸들이 있습니다.
컨트롤을 선택하려면 도구 상자 창에서 포인터 도구를 선택하고 다음 단계 중 하나를 사용하여 선택합니다.
대화 상자에서 선택하려는 컨트롤 주위에 선택 상자를 그리려면 포인터를 끕니다. 마우스 단추를 놓으면 선택 상자 내부 및 교차하는 모든 컨트롤이 선택됩니다.
Shift 키를 누른 채로 선택 영역에 포함할 컨트롤을 선택합니다.
Ctrl 키를 누른 채 선택 영역에 포함할 컨트롤을 선택합니다.
선택한 컨트롤 그룹에서 컨트롤을 추가하거나 제거하려면 Shift 키를 누른 채 추가하거나 제거할 컨트롤을 선택합니다.
주요 컨트롤
여러 컨트롤 의 크기를 조정하거나 정렬하는 경우 대화 상자 편집기 에서 주요 컨트롤을 사용하여 다른 컨트롤의 크기를 조정하거나 정렬하는 방법을 결정합니다. 기본적으로 기본 컨트롤은 선택된 첫 번째 컨트롤입니다.
주 컨트롤을 지정하려면 Ctrl 키를 누른 채 다른 컨트롤의 크기 또는 위치에 영향을 주는 데 사용할 컨트롤을 먼저 선택합니다. Ctrl 키를 누른 채 선택 영역 내에서 컨트롤을 선택하면 해당 컨트롤이 해당 선택 영역의 주요 컨트롤이 됩니다.
주 컨트롤을 변경하려면 현재 선택한 모든 컨트롤 외부에서 선택하여 현재 선택 영역을 지우고 위의 절차를 반복하고 먼저 다른 컨트롤을 선택합니다.
참고 항목
기본 컨트롤의 크기 조정 핸들은 고정되지만 하위 컨트롤의 핸들은 비어 있습니다. 모든 추가 크기 조정 또는 맞춤은 주 컨트롤을 기반으로 합니다.
크기 컨트롤
크기 조정 핸들을 사용하여 컨트롤의 크기를 조정합니다. 포인터가 크기 조정 핸들에 배치되면 셰이프를 변경하여 컨트롤의 크기를 조정할 수 있는 방향을 나타냅니다. 활성 크기 조정 핸들은 견고하며 크기 조정 핸들이 비어 있으면 해당 축을 따라 컨트롤의 크기를 조정할 수 없습니다.
컨트롤의 크기를 조정하려면 컨트롤을 선택하고 크기 조정 핸들을 끌어 크기를 변경합니다.
위쪽과 측면의 크기 핸들은 가로 또는 세로 크기를 변경합니다.
모서리의 크기 핸들은 가로 및 세로 크기를 모두 변경합니다.
팁
Shift 키를 누른 상태에서 오른쪽 및 아래쪽 화살표 키를 사용하여 컨트롤의 크기를 한 번에 DLU(대화 단위 1개)로 조정할 수 있습니다.
텍스트에 맞게 컨트롤의 크기를 자동으로 조정하려면 [서식] 메뉴로 이동하거나 컨트롤을 마우스 오른쪽 단추로 클릭하고 [콘텐츠에 크기]를 선택합니다.
컨트롤 크기를 같게 하려면 크기를 조정할 컨트롤을 선택하고 같은 크기로 서식>지정 메뉴로 이동한 다음 둘 다, 높이 또는 너비를 선택합니다.
계열에서 먼저 선택한 컨트롤인 주 컨트롤의 크기에 따라 컨트롤 그룹의 크기를 조정합니다. 그룹의 컨트롤의 최종 크기는 주 컨트롤의 크기에 따라 달라집니다.
안내선이 있는 컨트롤 그룹의 크기를 조정하려면 컨트롤의 한 쪽(또는 컨트롤)을 안내선에 스냅한 다음 안내를 컨트롤(또는 컨트롤)의 다른 쪽으로 끕니다. 이제 컨트롤(또는 컨트롤)의 크기를 조정하기 위해 안내선 중 하나를 이동할 수 있습니다.
여러 컨트롤을 사용하는 데 필요한 경우 각각 크기를 조정하여 두 번째 가이드에 맞도록 합니다.
기타 컨트롤
대화 상자에 콤보 상자를 추가할 때 콤보 상자의 크기를 지정할 수 있습니다. 드롭다운 목록 상자의 크기를 지정할 수도 있습니다. 자세한 내용은 콤보 상자 컨트롤에 값 추가를 참조 하세요.
콤보 상자 오른쪽에 있는 드롭다운 화살표 단추를 선택합니다.
컨트롤의 윤곽선이 변경되어 드롭다운 목록 영역이 확장된 콤보 상자의 크기를 표시합니다.
아래쪽 크기 조정 핸들을 사용하여 드롭다운 목록 영역의 초기 크기를 변경합니다.
드롭다운 화살표를 다시 선택하여 콤보 상자의 드롭다운 목록 부분을 닫습니다.
참고 항목
MFC를 사용하여 대화 상자에 가로 스크롤 막대가 있는 목록 상자를 추가하면 스크롤 막대가 애플리케이션에 자동으로 표시되지 않습니다.
코드에서 CListBox::SetHorizontalExtent를 호출하여 가장 넓은 요소의 최대 너비를 설정합니다. 이 값을 설정하지 않으면 목록 상자의 항목이 상자보다 넓은 경우에도 스크롤 막대가 표시되지 않습니다.
컨트롤 맞춤
컨트롤을 정렬하려면 정렬할 컨트롤을 선택합니다. 맞춤 서식> 메뉴로 이동하여 다음 맞춤 중 하나를 선택합니다.
맞춤 설명 왼쪽 선택한 컨트롤을 왼쪽에 맞춥니다. 센터 선택한 컨트롤을 가운데 점에 따라 가로로 맞춥니다. 권한 선택한 컨트롤을 오른쪽에 맞춥니다. 정상 선택한 컨트롤을 위쪽 가장자리를 따라 맞춥니다. 중간 선택한 컨트롤을 가운데 점에 따라 세로로 맞춥니다. 바닥 선택한 컨트롤을 아래쪽 가장자리를 따라 맞춥니다. 컨트롤 그룹의 최종 위치가 주 컨트롤의 위치에 따라 달라지도록 정렬 또는 크기 조정 명령을 실행하기 전에 먼저 제어할 컨트롤을 선택하거나 기본 컨트롤로 설정해야 합니다.
균등하게 공간 컨트롤을 지정하려면 다시 정렬할 컨트롤을 선택합니다. 공백 균등하게 서식>메뉴로 이동하여 다음 간격 맞춤 중 하나를 선택합니다.
간격 설명 걸쳐 선택한 맨 왼쪽 컨트롤과 맨 오른쪽 컨트롤 사이에 균등하게 공백 컨트롤을 지정합니다. 아래로 맨 위와 맨 아래 컨트롤 사이에서 균등하게 공간을 제어합니다. 컨트롤을 가운데에 배치하려면 다시 정렬할 컨트롤 또는 컨트롤을 선택합니다. 대화 상자의 서식>센터 메뉴로 이동하여 다음 정렬 중 하나를 선택합니다.
정렬 설명 세로 대화 상자에서 세로로 컨트롤을 가운데에 배치합니다. 가로 대화 상자에서 가로로 컨트롤 가운데를 맞춥니다. 푸시 단추를 맞추려면 하나 이상의 푸시 단추를 선택합니다. 메뉴 서식>정렬 단추로 이동한 다음 다음 정렬 중 하나를 선택합니다.
정렬 설명 Right 대화 상자의 오른쪽 가장자리를 따라 누름 단추를 맞춥니다. 아래쪽 대화 상자의 아래쪽 가장자리를 따라 누름 단추를 맞춥니다. 누름 단추 이외의 컨트롤을 선택하면 해당 위치는 영향을 받지 않습니다.
요구 사항
Win32