自动滚动面板

Question

我有一个项目控件，它允许用户拖动和重新调整其中的项目。项目可能会被拖出可视区域，在这种情况下，我想显示相应的滚动条。

这里的XAML

的部分

<ControlTemplate x:Key="ItemsControlTemplate" TargetType ="ItemsControl"> 
    <ScrollViewer HorizontalScrollBarVisibility="Auto"> 
     <ItemsPresenter /> 
    </ScrollViewer> 
</ControlTemplate> 

<ItemsControl ItemsSource="{Binding Path=Models}"            
       Margin="10,10,10,10" 
       Grid.Row="1" 
       VerticalContentAlignment="Stretch" 
       HorizontalContentAlignment="Stretch" 
       Template="{StaticResource ItemsControlTemplate}">     
    <ItemsControl.ItemsPanel> 
     <ItemsPanelTemplate>        
      <Canvas ClipToBounds="True" 
        SnapsToDevicePixels="True"/>            
     </ItemsPanelTemplate> 
    </ItemsControl.ItemsPanel> 
    <ItemsControl.ItemTemplate> 
     <DataTemplate> 
      <ContentControl Height="400" Width="600" 
          Canvas.Left="50" Canvas.Top="150" 
          Template="{StaticResource DesignerItemTemplate}" 
          Margin="10,10,10,10"> 
       <Views:ChartView /> 
      </ContentControl> 
     </DataTemplate> 
    </ItemsControl.ItemTemplate> 
</ItemsControl> 

的XAML显示了吧，但是当一个项目拖出视杆未启用。

Answer 1

从Canvas Class Remarks：

Canvas是不具有固有的布局 特性的唯一面板元件。画布的默认高度和宽度属性为 零，除非它是元素的子元素，它自动将其子元素的大小设置为 。画布的子元素不会调整大小，它们只会在其指定的坐标上定位。这提供了 灵活性的情况下固有的大小限制或 对齐不需要或想要的。对于您希望子内容 自动调整大小和对齐的情况，通常最好使用Grid元素 。

这就是为什么酒吧从不显示。