다음을 통해 공유

공용 WPF 컨트롤

  • 아티클

업데이트: 2007년 11월

WPF(Windows Presentation Foundation)를 사용하면 사용자 응용 프로그램에 시각적으로 향상된 사용자 인터페이스를 만들 수 있습니다. WPF 응용 프로그램에서는 표준 Windows Forms 응용 프로그램의 일반적인 컨트롤도 기능이 향상됩니다. 표준 WPF 컨트롤은 Windows Form의 도구 상자에서 볼 수 있는 컨트롤과 유사합니다. WPF 컨트롤은 System.Windows.Forms 네임스페이스가 아닌 System.Windows.Controls 네임스페이스의 일부입니다. 또한 WPF 컨트롤은 XAML 태그를 사용하여 만들 수 있습니다. 자세한 내용은 WPF 응용 프로그램의 사용자 인터페이스 디자인을 참조하십시오.

도구 상자에서 디자인 화면으로 WPF 컨트롤을 끌어 오는 경우 이러한 컨트롤은 Windows Form 응용 프로그램의 컨트롤과 유사합니다. 그러나 WPF 컨트롤은 사용자 지정할 수 있습니다. WPF 컨트롤은 시각적으로 뛰어난 응용 프로그램을 만들 수 있는 스타일과 템플릿을 지원합니다. 컨트롤의 모양을 수정하려면 XAML 편집기에서 컨트롤에 스타일과 특성을 추가합니다. XAML 태그를 직접 작성하기 어렵기 때문에 Expression Blend와 같이 XAML을 생성할 수 있는 응용 프로그램을 사용하는 것이 좋습니다. 자세한 내용은 Expression Blend와의 공동 작업을 참조하십시오.

절차

WPF 창에 컨트롤을 추가하려면

  1. 파일 메뉴에서 새 프로젝트를 클릭합니다.

  2. 새 프로젝트 대화 상자의 템플릿 창에서 WPF 응용 프로그램을 클릭합니다.

  3. 이름 상자에 WPFControls를 입력한 다음 확인을 클릭합니다.

  4. 새 Windows Presentation Foundation 프로젝트가 생성됩니다.

  5. 도구 상자에서 TextBox 컨트롤을 WPF 창의 오른쪽 위로 끌어 옵니다.

  6. 텍스트 상자를 클릭합니다.

  7. 속성 창에서 텍스트 상자의 다음 속성을 설정합니다.

    속성

    값

    VerticalAlignment

    Top

    Width

    75

    Height

    26

  8. Button 컨트롤을 WPF 창의 텍스트 상자 옆에 추가합니다.

  9. 다음 예제에서와 같이 XAML 편집기에서 열고 닫는 Button 태그 사이에 있는 텍스트를 Button에서 Add로 변경합니다.

    <Button Height="23" HorizontalAlignment="Right" Margin="0,59,35,0" 
    Name="Button1" VerticalAlignment="Top" 
    Width="75">Add</Button>

    새 값을 입력하면 단추의 텍스트가 변경됩니다.

  10. ListBox 컨트롤을 WPF 창의 텍스트 상자 아래 추가합니다.

  11. 단추를 두 번 클릭하여 기본 이벤트 처리기를 추가하고 다음 코드를 추가합니다.

    if (textBox1.Text != "")
{
    listBox1.Items.Add(textBox1.Text);
    textBox1.Text = "";
}

  12. F5 키를 눌러 프로그램을 실행합니다. 방금 추가한 텍스트 상자, 목록 상자 및 단추가 포함된 창이 나타납니다.

  13. 텍스트 상자에 텍스트를 입력한 다음 Add 단추를 클릭합니다. 텍스트가 목록 상자에 추가되는지 확인합니다.

  14. 목록 상자에 다른 텍스트를 더 추가합니다.

표준 WPF 컨트롤

다음 표에서는 도구 상자의 일반 탭에 있는 가장 일반적인 WPF 컨트롤을 보여 줍니다.

컨트롤 이름

설명

System.Windows.Controls.Border

콘텐츠 주위에 테두리를 표시합니다.

System.Windows.Controls.Button

사용자가 단추를 클릭하여 작업을 수행할 수 있습니다. Button을 클릭하면 Buttonbase.Click 이벤트가 발생합니다.

System.Windows.Controls.CheckBox

Yes/No 또는 True/False 값을 나타내는 확인란을 사용자가 선택하거나 선택 취소할 수 있습니다.

System.Windows.Controls.ComboBox

사용자가 드롭다운 목록에서 항목을 선택할 수 있습니다. 목록은 사용자가 드롭다운 화살표를 클릭하면 표시됩니다.

System.Windows.Controls.Grid

열과 행으로 구성되는 유연한 표 영역을 정의합니다.

System.Windows.Controls.Image

이미지를 표시합니다.

System.Windows.Controls.Label

폼에 텍스트를 표시합니다. 이 컨트롤은 선택키를 지원합니다.

System.Windows.Controls.ListBox

사용자가 목록에서 항목을 선택할 수 있습니다.

System.Windows.Controls.RadioButton

사용자가 함께 사용할 수 없는 항목 중에서 선택할 수 있습니다. 같은 컨테이너에 포함된 라디오 단추 중에서는 라디오 단추 하나만 선택할 수 있습니다.

System.Windows.Controls.StackPanel

자식 컨트롤을 가로 또는 세로로 스택 방식으로 배치할 수 있습니다.

System.Windows.Control.TabControl

시각적 콘텐츠를 표 형식으로 정렬할 수 있습니다.

System.Windows.Controls.TextBox

서식 없는 텍스트를 표시하고 사용자가 텍스트를 입력할 수 있습니다.

도구 상자에는 다음과 같은 컨트롤도 있습니다.

  • System.Windows.Controls.Canvas, System.Windows.Controls.DockPanel, System.Windows.Controls.Frame 등의 컨테이너 컨트롤. 자세한 내용은 WPF 컨테이너 컨트롤 개요를 참조하십시오.

  • System.Windows.Controls.Menu, System.Windows.Controls.ToolBar 및 System.Windows.Controls.Primitives.StatusBar와 같은 메뉴 및 도구 모음

  • System.Windows.Controls.DocumentViewer 및 System.Windows.Controls.FlowDocumentPageViewer와 같은 문서 컨트롤

참고 항목

작업

WPF 응용 프로그램의 사용자 인터페이스 디자인

방법: 새 WPF 응용 프로그램 프로젝트 만들기

방법: WPF 컨트롤에 대한 이벤트 처리기 만들기