WPF에서 프로파일 러 GUI를 만들려면 어떻게해야합니까?

Question

저는 incredibuild와 비슷한 UI로 WPF에서 작업 프로파일 러를 만들려고합니다.

예를 들어 시간을 초과 한 작업은 해당 줄에 스트립으로 표시됩니다. 무슨 뜻인지 볼 수

http://baoz.net/wp-content/2009/06/ib1.png

:에서보세요. 이 문제를 해결하는 가장 좋은 방법은 무엇인지 확신 할 수 없습니까? 내가 Panel 클래스를 오버라이드하여이를위한 커스텀 레이아웃 패널을 만들거나 내 필요에 맞는 기존 컨트롤/라이브러리가있을 수 있습니다. 지금까지 다양한 차트 컨트롤을 살펴 보았지만이 동작을 달성하기 위해 조정할 수 있는지 확실하지 않습니다. 정말 내 검색 범위를 좁히는 데 도움이 잠시 동안 WPF를 사용 해왔다 누군가를 기대하고있다. 어느 쪽이든을 위해 google을 알기 란 정확히 알기가 쉽지 않습니다.

Answer 1

이 종류의 도표는 절대적으로 사소한 것입니다. 특별한 차트 패키지가 필요하지 않습니다 : 자원에

, 그 폭 이벤트 길이에 바인딩되는 이벤트 표시하는 DataTemplate을 정의 :

<ItemsPanelTemplate x:Key="HorizontalPanel"><DockPanel/></ItemsPanelTemplate> 

:

<DataTemplate TargetType="{x:Type local:Event}"> 
    <Border Width="{Binding EventLength}"> <!-- This sets the width --> 
     <Border Margin="1" Padding="1" StrokeThickness="1" Stroke="Black" 
       Background="{Binding EventColor}"> <!-- Actual border --> 
     <TextBlock Text="{Binding EventDescription}" /> 
     </Border> 
    </Border> 
    </DataTemplate> 

는 또한 수평 항목 패널 템플릿을 정의를

이제 실제 차트를 구축 간단하다 :

<ItemsControl ItemsSource="{Binding CPUs}"> 
    <ItemsControl.ItemTemplate> 
    <DataTemplate> 
     <DockPanel> 
     <TextBlock Width="100" Text="{Binding Name}" /> <!-- CPU name --> 
     <Rectangle Width="1" Fill="Black" />   <!-- Vertical divider --> 
     <ItemsControl ItemsSource="{Binding Events}" <!-- Events --> 
         ItemsPanel="{StaticResource HorizontalPanel}" /> 
     </DockPanel> 
    </DataTemplate> 
    </ItemsControl.Template> 
</ItemsControl> 

당신이 당신의 이벤트 사이의 간격이있는 경우, 단순히 그들을 대표하는 귀하의 이벤트 컬렉션에 "간격"개체를 추가, 다음 간격에 대한 DataTemplate을 추가 :

<DataTemplate TargetType="{x:Type local:Gap}"> 
    <UIElement Width="{Binding GapWidth}" /> 
</DataTemplate>