연습: 지역화를 위해 비율을 조정하는 레이아웃 만들기

아티클
08/09/2011

지역화 준비가 된 폼 만들기는 국제 시장을 위한 개발 속도를 상당히 높여 줍니다.

이 연습에서는 표시된 문자열 값을 다른 언어로 변환할 경우 비율로 조정하는 레이아웃을 만드는 방법을 설명합니다. 이러한 변환 과정을 지역화라고 합니다. 자세한 내용은 응용 프로그램 지역화를 참조하십시오. 완성된 Windows Form을 지역화하는 방법에 대한 자세한 내용은 연습: Windows Forms 지역화를 참조하십시오.

이 연습에서 수행할 작업은 다음과 같습니다.

프로젝트 만들기
세로 맞춤 유지
비율 크기 조정 사용

작업을 마치면 폼은 다음과 같이 됩니다.

TableLayoutPanel이 있는 지역화 가능 폼

완성된 코드 목록에 대한 자세한 내용은 방법: 지역화에 적합한 Windows Forms 레이아웃 디자인을 참조하십시오.

참고

표시되는 대화 상자와 메뉴 명령은 활성 설정이나 버전에 따라 도움말에서 설명하는 것과 다를 수 있습니다. 설정을 변경하려면 도구 메뉴에서 설정 가져오기 및 내보내기를 선택합니다. 자세한 내용은 설정에 대한 작업을 참조하십시오.

사전 요구 사항

이 연습을 완료하려면 다음과 같은 요건이 필요합니다.

Visual Studio가 설치된 컴퓨터에서 Windows Forms 응용 프로그램 프로젝트를 만들고 실행할 수 있는 권한

프로젝트 만들기

첫 번째 단계는 응용 프로그램 프로젝트를 만드는 것입니다. 이 프로젝트를 사용하여 데이터 입력 폼을 표시하는 응용 프로그램을 빌드합니다.

프로젝트를 만들려면

DemoLocalizableForm이라는 Windows 응용 프로그램 프로젝트를 만듭니다. 자세한 내용은 방법: 새 Windows Forms 응용 프로그램 프로젝트 만들기를 참조하십시오.

세로 맞춤 유지

TableLayoutPanel 컨트롤과 함께 AutoSize 및 Anchor 속성으로 인해 내용이 변경될 때 컨트롤의 세로 맞춤을 유지할 수 있습니다.

자동 크기 조정을 사용하려면

도구 상자에서 TableLayoutPanel 컨트롤을 폼으로 끌어 옵니다. RowCount 속성 값을 1로 설정합니다. AutoSize 속성 값을 true로 설정합니다. 폼의 반을 차지하도록 TableLayoutPanel 컨트롤 크기를 조정합니다.
도구 상자에서 Panel 컨트롤을 TableLayoutPanel 컨트롤의 왼쪽 셀로 끌어 옵니다.
도구 상자에서 Button 컨트롤을 Panel 컨트롤로 끌어 옵니다. 해당 컨트롤을 Panel 컨트롤의 왼쪽 위 모퉁이에 놓습니다.
도구 상자에서 두 개의 Button 컨트롤을 더 Panel 컨트롤로 끌어 옵니다. 해당 컨트롤을 첫 번째 Button 컨트롤 아래에 놓습니다. 맞춤선을 사용하여 세로로 맞추고 간격을 동일하게 지정합니다. 자세한 내용은 연습: 맞춤선을 사용하여 Windows Forms에서 컨트롤 정렬을 참조하십시오.
세 개 Button 컨트롤 모두의 AutoSize 속성 값을 true로 설정합니다.
Panel 컨트롤의 AutoSize 속성 값을 true로 설정하고 해당 AutoSizeMode 속성 값을 GrowAndShrink로 설정합니다. 참고 패널의 크기가 세 개 Button 컨트롤을 모두 포함하도록 조정됩니다.
TableLayoutPanel 컨트롤을 선택하고 열 및 행 스타일 대화 상자를 엽니다. 자세한 내용은 방법: TableLayoutPanel 컨트롤에서 열과 행 편집을 참조하십시오.
Column1을 선택하고 SizeType 속성 값을 AutoSize로 변경합니다. 확인 단추를 클릭하여 변경 내용을 적용합니다. 참고 셀 너비가 Panel 컨트롤의 너비로 조정됩니다.
세 Button 컨트롤 모두의 Anchor 속성 값을 Left,Right로 변경합니다.
첫 번째 Button 컨트롤의 Text 속성 값을 "지역화 가능한 폼을 보여 주기 위한 긴 문자열입니다."와 같은 긴 문자열로 변경합니다. 참고 세 개 Button 컨트롤 모두와 TableLayoutPanel 셀의 크기가 새 문자열 길이에 맞춰 조정됩니다.

비율 크기 조정 사용

TableLayoutPanel 컨트롤과 함께 AutoSize 및 Anchor 속성으로 인해 내용이 변경될 때 컨트롤의 비율을 유지할 수 있습니다.

비율 크기 조정을 사용하려면

도구 상자에서 TableLayoutPanel 컨트롤을 폼으로 끌어 옵니다. 해당 컨트롤을 첫 번째 TableLayoutPanel 컨트롤 아래에 놓습니다.
두 번째 TableLayoutPanel 컨트롤의 AutoSize 속성 값을 true로 설정합니다. ColumnCount 속성 값을 3으로 설정합니다. RowCount 속성 값을 1로 설정합니다. TableLayoutPanel 컨트롤의 Anchor 속성 값을 Right, Bottom으로 설정합니다.
도구 상자에서 세 개의 Button 컨트롤을 TableLayoutPanel로 끌어 옵니다.
세 개 Button 컨트롤 모두의 AutoSize 속성 값을 true로 변경합니다.
세 개 Button 컨트롤 모두의 Anchor 속성 값을 Left, Right로 변경합니다.
열 및 행 스타일 대화 상자를 엽니다.
세 개의 열을 모두 선택한 다음 SizeType 속성을 Percent로 변경하고 백분율 값을 33으로 변경합니다. 확인 단추를 클릭하여 변경 내용을 적용합니다.
첫 번째 Button 컨트롤의 Text 속성 값을 "지역화 가능한 폼을 보여 주기 위한 긴 문자열입니다."와 같은 긴 문자열로 변경합니다. Button 컨트롤의 크기가 모두 새 문자열 길이에 맞춰 조정됩니다. TableLayoutPanel 컨트롤 크기가 조정되고 셀의 크기가 비율로 조정됩니다.

다음 단계

지역화할 수 있는 폼을 만들 수 있으므로 사용자가 폼의 크기를 조정할 때 비율로 조정되는 동적 레이아웃을 구현해 보십시오. 자세한 내용은 연습: 데이터를 입력할 수 있는 크기 조정 가능한 Windows Form 만들기를 참조하십시오.

참고 항목

다음을 통해 공유