2010-02-19 5 views
0

나는 천막 모양의 이미지 스크롤 컨트롤로 얼마 동안 고생했습니다.Stackpanel 항목 애니메이션 추가

<Window.Resources> 
    <DataTemplate x:Key="itemsTemplate"> 
     <Image Source="{Binding AbsolutePath}"></Image> 
    </DataTemplate> 
</Window.Resources> 
<ItemsControl ItemTemplate="{StaticResource itemsTemplate}" x:Name="ic" 
       ItemsSource="{Binding ElementName=mainWindow, Path=DataItems}" VirtualizingStackPanel.IsVirtualizing="True"> 
    <ItemsControl.ItemsPanel> 
     <ItemsPanelTemplate> 
      <VirtualizingStackPanel Orientation="Vertical" VerticalAlignment="Bottom" 
            VirtualizingStackPanel.IsVirtualizing="True" >      
      </VirtualizingStackPanel> 
     </ItemsPanelTemplate> 
    </ItemsControl.ItemsPanel> 
</ItemsControl> 

ItemsControl에이 ObservableCollection에 바인딩됩니다, 그래서 런타임에 항목을 추가 할 수 있습니다 : 순간에서

, 나는 템플릿 ItemsControl에 함께 붙어. 항목이 화면 밖으로 나 오자마자 ObservableCollection에서 제거됩니다.

마지막으로해야 할 일은 사용자 정의 항목 추가 동작 (insert-translateothers 동작 대신 부드러운 슬라이드 인)을 구현하는 것입니다. StackPanel에서 파생시켜 이러한 효과를 얻거나 현재 추가하고있는 항목에 DoubleAnimation을 수행할까요? 제안 사항에 감사드립니다.

답변