캔버스 부적절 여기에서 이미지의 DockPanel

Question

내부 TextBlock의 성분을 중첩 그것에 번호와 각 블록은 레이저를 나타낸다. 이러한 블록은 DockPanel 내부의 캔버스에 배치됩니다. 또한 상단에 도킹 된 DockPanel 내부에는 빨간색지도 캔버스 뒤에 숨어있는 빨간색 TextBlock이 있습니다. 왜 이런 일이 일어나는 걸까요? TextBlock은 DockPanel의 상단에 도킹되어 있으며 캔버스는 도크 설정이 없으므로 나머지 공간을 채 웁니다. 또한 참고 : 윈도우 크기 조정시 전체 중앙 화면 공간을 적절히 조정하려면 ViewBox 내부에 DockPanel을 배치해야했습니다. 그런 다음 필요할 때 스크롤 막대를 표시 할 수 있도록 ScrollViewer에 ViewBox를 배치해야했습니다.

다음은 가운데 화면의 XAML 코드입니다 (참고 : 창 자식은 DockPanel이며 메뉴는 상단에 도킹되고 왼쪽 단추 패널은 왼쪽에 도킹되며 오른쪽 단추 패널은 도킹 됨). 권리는, 상태 표시 줄에이 문제 해결에 어떤 도움이 크게 감사합니다

<ScrollViewer 
     Name="centerScreenScrollViewer" 
     VerticalScrollBarVisibility="Auto" 
     HorizontalScrollBarVisibility="{Binding IsScrollbarsVisible, Converter={StaticResource BoolToScrollbarVisConverter}, FallbackValue=Hidden}"> 
     <Viewbox> 
      <DockPanel 
       LastChildFill="True"> 
       <TextBlock 
        DockPanel.Dock="Top" 
        Name="tbkFullVisual" 
        Style="{StaticResource tbkStyleBlue}" 
        Foreground="Red" 
        IsEnabled="{Binding FullVisual}" 
        HorizontalAlignment="Center" 
        VerticalAlignment="Top" 
        FontSize="24"> 
        *** This Print Requires Full Visual Inspection! *** 
       </TextBlock> 
       <Canvas x:Name="mapCanvas"> 
        <ContentPresenter Content="{Binding MapCanvas}"/> 
       </Canvas> 
      </DockPanel> 
     </Viewbox> 
    </ScrollViewer> 

다음 XAML 코드에 의해 정의된다 당신이 중앙 화면에서 볼 수있는 바닥 및 모든)에 도킹됩니다.

감사합니다,

카일

Answer 1

이 방식과 관련이있다 그 Canvas 요소와 특히 ViewBox 작품. ViewBox은 자식 요소의 크기를 조정하는 데 사용됩니다.

1. TextBlock 모든 공간을 얻을 것을 의미합니다 Height 및 Width가 0 인 기본, 상기 Canvas 요소와이 문제가 있습니다.
2. Canvas 요소를 사용하면 자체 경계 밖으로 그릴 수 있으므로 캔버스가 작거나 보이지 않는 경우에도 숫자 표를 렌더링 할 수 있습니다.

가장 빠른 솔루션에 VerticalAlignment을 설정하는 것입니다 ViewBox :

<Viewbox VerticalAlignment="Top"> 
    ... 
</Viewbox> 

당신은 캔버스에 Height을 설정할 수 있습니다,하지만 난 당신이 동적으로 변경하고 싶지 않기 때문에이 덜 이상적인 생각 창 크기 조정.