다음을 통해 공유


공용 WPF 컨트롤 사용

업데이트: 2007년 11월

이 단원에서는 WPF(Windows Presentation Foundation) 응용 프로그램 프로젝트를 만들 때 도구 상자에서 사용할 수 있는 몇 가지 공용 WPF 컨트롤에 대해 배웁니다.

WPF를 사용하면 응용 프로그램에 시각적으로 향상된 사용자 인터페이스를 만들 수 있습니다. WPF 응용 프로그램에서는 표준 Windows Forms 응용 프로그램의 일반적인 컨트롤도 기능이 향상됩니다.

응용 프로그램에 WPF 컨트롤을 추가하는 가장 쉬운 방법은 도구 상자에서 디자인 화면으로 컨트롤을 끌어 오는 것입니다. 기본 상태의 WPF 컨트롤은 Windows Forms 응용 프로그램에 사용되는 컨트롤과 매우 비슷하지만 WPF 컨트롤은 시각적으로 뛰어난 응용 프로그램을 만들 수 있는 스타일과 템플릿을 지원합니다. 컨트롤의 모양을 수정하려면 속성 창에서 속성을 변경합니다. XAML 편집기에서 컨트롤에 스타일과 특성을 추가하여 컨트롤의 모양을 수정할 수도 있습니다. XAML을 직접 작성하기 어려울 수 있으므로 Expression Blend같이 XAML을 생성할 수 있는 응용 프로그램을 사용하는 것이 좋습니다. 자세한 내용은 Expression Blend와의 공동 작업을 참조하십시오.

실습

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

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

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

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

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

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

  6. TextBox 컨트롤을 선택합니다.

  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 IsNot "" Then
        ListBox1.Items.Add(TextBox1.Text)
        TextBox1.Text = ""
    End If
    
  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

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

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

  • Canvas, DockPanel, Frame 등의 컨테이너 컨트롤 및

  • Menu, ToolBar, StatusBar 등의 메뉴와 도구 모음

  • DocumentViewer 및 FlowDocumentPageViewer 등의 문서 컨트롤

  • 이 외에도 다양한 컨트롤이 있습니다.

다음 단계

이 단원에서는 도구 상자에 있는 공용 WPF 컨트롤에 대해 배우고 이러한 컨트롤을 사용자 지정하여 시각적으로 뛰어나게 만드는 방법에 대해서도 살펴봤습니다.

다음 단원에서는 WPF 컨트롤의 이벤트 처리기를 만드는 방법을 배웁니다.

다음 단원: WPF 컨트롤에 대한 이벤트 처리기 만들기

참고 항목

작업

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

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

방법: WPF 디자이너에서 컨트롤의 여백 설정

개념

WPF Designer 개요

기타 리소스

프로그램의 모양 만들기: Windows Presentation Foundation 소개

WPF 디자이너에서의 컨트롤 작업