사용자 인터페이스 디자인(Visual C#)
업데이트: 2007년 11월
Visual C#에서 Windows Form 디자이너 또는 WPF(Windows Presentation Foundation) 디자이너를 사용하면 빠르고 편리하게 사용자 인터페이스를 만들 수 있습니다. 어떤 종류의 응용 프로그램을 작성할 것인지 결정하는 데 도움이 되는 정보는 Windows 기반 응용 프로그램 개요를 참조하십시오. 사용자 인터페이스 작성은 다음과 같은 세 가지 기본 단계로 구성됩니다.
디자인 화면에 컨트롤 추가
컨트롤의 초기 속성 설정
지정된 이벤트의 처리기 작성
코드를 직접 작성하여 UI를 만들 수도 있지만 디자이너를 사용하면 훨씬 빠르게 작업을 수행할 수 있습니다.
.gif "참고") 참고: |
|---|
Visual C#을 사용하면 간단한 텍스트 기반의 UI가 포함된 콘솔 응용 프로그램을 만들 수도 있습니다. 자세한 내용은 콘솔 응용 프로그램 만들기(Visual C#)를 참조하십시오. |
컨트롤 추가
어느 한쪽 디자이너에서 마우스를 사용하여 디자인 화면에 컨트롤을 끌어 놓습니다. 컨트롤은 단추나 텍스트 상자 같이 시각적 표현이 사용된 구성 요소입니다. 다음 그림은 도구 상자 창에서 Windows Forms 디자이너의 폼으로 끌어 놓은 콤보 상자를 보여 줍니다.
.gif)
시각적인 방식으로 작업을 수행할 때 Windows Forms 디자이너는 사용자의 작업을 C# 소스 코드로 변환하고 이를 <name>.designer.cs라는 프로젝트 파일에 기록합니다. 여기서 <name>은 폼에 부여한 이름입니다. 마찬가지로 WPF 디자이너에서는 디자인 화면의 작업을 XAML(Extensible Application Markup Language) 코드로 변환하고 이를 Window.xaml이라는 프로젝트 파일에 기록합니다. 응용 프로그램을 실행하면 해당 소스 코드(Windows Form) 또는 XAML(WPF)은 UI 요소의 위치와 크기를 지정하여 디자인 화면에서 표시되는 모양과 동일한 모양으로 UI를 표시합니다. 자세한 내용은 Windows Forms 디자이너 또는 Visual Studio의 Windows Presentation Foundation을 참조하십시오.
속성 설정
디자인 화면에 컨트롤을 추가한 다음 속성 창을 사용하여 배경색이나 기본 텍스트 같은 컨트롤 속성을 설정할 수 있습니다.
Windows Form 디자이너에서 속성 창에 지정하는 값은 런타임에 컨트롤을 만들 때 해당 속성에 할당되는 초기 값입니다. WPF 디자이너에서 속성 창에 지정하는 값은 해당 창의 XAML 파일에 특성으로 저장됩니다.
대부분의 경우 이러한 값은 응용 프로그램에서 컨트롤 클래스의 인스턴스에 대한 속성을 가져오거나 설정하여 런타임에 프로그래밍 방식으로 액세스하거나 변경할 수 있습니다. 속성 창을 사용하면 컨트롤에 대해 지원되는 속성, 이벤트 및 메서드를 모두 살펴볼 수 있으므로 이 창은 디자인 타임에 유용하게 사용됩니다. 자세한 내용은 속성 창을 참조하십시오.
이벤트 처리
그래픽 사용자 인터페이스가 있는 프로그램은 기본적으로 이벤트 구동 방식입니다. 이러한 프로그램은 사용자가 텍스트 상자에 텍스트를 입력하거나 단추를 클릭하거나 목록 상자에서 선택 항목을 변경하는 것과 같은 작업을 수행할 때까지 기다립니다. 이러한 작업이 발생하면 .NET Framework 클래스의 인스턴스인 컨트롤에서 응용 프로그램에 이벤트를 전달합니다. 이벤트를 전달받으면 호출되는 특별한 메서드를 응용 프로그램에 작성하여 이벤트를 처리할 수 있습니다.
속성 창을 사용하여 코드에서 처리할 이벤트를 지정할 수 있습니다. 디자이너에서 컨트롤을 선택하고 번개 모양 아이콘의 이벤트 단추를 클릭하면 속성 창 도구 모음에 해당 이벤트가 표시됩니다. 다음 아이콘은 이벤트 단추를 보여 줍니다.
.gif)
속성 창을 통해 이벤트 처리기를 추가하면 디자이너에서는 자동으로 빈 메서드 본문을 작성합니다. 메서드에서 특정 작업을 수행하도록 하려면 코드를 작성해야 합니다. 대부분의 컨트롤에서 다양한 이벤트를 생성하지만 일반적으로 응용 프로그램에서는 그러한 이벤트 중 몇 가지 또는 단 한 개만 처리하게 됩니다. 예를 들어 단추의 Click 이벤트를 처리해야 할 때 단추의 크기를 변경하면서 특정 작업을 수행하려는 경우가 아니면 SizeChanged 이벤트는 처리할 필요가 없습니다.
다음 단계
Windows Forms 또는 WPF(Windows Presentation Foundation) 사용자 인터페이스를 만드는 방법에 대한 자세한 내용은 다음 항목을 참조하십시오.
.NET Framework 클래스 라이브러리에서 System.Windows.Forms 네임스페이스에는 Windows Forms 응용 프로그램에 사용되는 클래스가 포함되어 있으며 System.Windows.Controls 네임스페이스에는 WPF 응용 프로그램에 사용되는 클래스가 포함되어 있습니다.