SimpleProgressBar

진행률 표시줄(ProgressBar)은 응용 프로그램에서 시간이 오래 걸리는 작업의 진행 상황을 시각적으로 나타내는 데 사용할 수 있는 Simple Styles 컨트롤입니다. 기본적으로 작업이 진행되면 진행률 표시줄 창은 왼쪽에서 오른쪽으로 채워집니다. 컨트롤에는 범위와 현재 위치가 표시됩니다. Microsoft Expression Blend의 SimpleProgressBar는 가로 방향 진행률 표시줄만 지원합니다.

Value 속성을 10으로 설정한 후 SimpleProgressBar 컨트롤의 아트보드 보기

컨트롤 템플릿 분석

SimpleProgressBar 컨트롤 템플릿은 다음 항목으로 구성됩니다.

• Grid 레이아웃 패널 진행률 표시줄 내에 여러 자식 요소를 넣는 데 사용됩니다. 또한 Grid를 사용하면 응용 프로그램 UI(사용자 인터페이스) 디자이너가 템플릿에 더 많은 요소를 손쉽게 추가할 수 있습니다.

• PART_Track으로 명명된 Border 요소 채울 막대 영역을 나타내는 데 사용됩니다.

• PART_Indicator로 명명된 Border 요소 이미 채워진 막대 영역을 나타내는 데 사용됩니다.

  주의:
  이름이 "PART_"로 시작되는 요소는 컨트롤을 구현하는 코드에서 참조되므로 이러한 요소의 이름을 바꾸지 마십시오.

  개체 보기: SimpleProgressBar 컨트롤의 기본 구성 요소(템플릿)

  

맨 위로 이동

속성 트리거 사용

SimpleProgressBar 컨트롤 템플릿에서는 트리거를 사용하지 않습니다. 모든 컨트롤 동작이 코드로 구현됩니다.

맨 위로 이동

브러시 사용

SimpleProgressBar 템플릿에서는 SimpleStyles.xaml 리소스 사전의 다음과 같은 브러시 리소스가 사용됩니다.

• PART_Track 요소의 Background 속성은 PressedBrush를 사용하여 설정됩니다.

• PART_Track 요소의 BorderBrush 속성은 SolidBorderBrush를 사용하여 설정됩니다.

• PART_Indicator 요소의 Background 속성은 MouseOverBrush를 사용하여 설정됩니다.

• PART_Indicator 요소의 BorderBrush 속성은 NormalBorderBrush를 사용하여 설정됩니다.

맨 위로 이동

모범 사례 및 디자인 지침

• 일반적으로 디자이너가 컨트롤에 시각적 요소를 더 추가할 수 있도록 하려면 템플릿의 루트로 Grid 컨트롤을 사용합니다. 기본적으로 Expression Blend에서는 Grid 컨트롤과 같은 레이아웃 패널을 찾아 활성화함으로써 아트보드에 추가되는 새 요소가 해당 레이아웃 패널의 자식 요소가 되도록 합니다.

• 원하는 경우 SimpleProgressBar 템플릿에 트리거를 추가하거나 PART_Indicator 요소를 수정하여 표시줄 모양을 더 독특하게 만들 수 있지만 이름이 "PART_"로 시작되는 요소는 컨트롤을 구현하는 코드에서 참조되므로 이러한 요소의 이름을 바꾸어서는 안 됩니다.

• 작업 진행 상황에 진행률 표시줄(progressbar)을 연계하는 방법에 대한 자세한 내용은 MSDN에서 ProgressBar 개요에 대한 정보를 참조하십시오.

맨 위로 이동

참조

개념

실습 정보: SimpleProgressBar의 진행률 표시기 사용자 지정