wpf圖像控件在mouseover上調整大小

我在這裏找到了一個很好的示例，說明如何在xaml中執行此操作，但是我想知道是否有人可以用代碼中的這個示例來幫助我。我通過圖像循環，並在代碼中創建圖像控件，我想設置類似於我在下面的鏈接中找到的東西，所以我可以在鼠標懸停時調整圖像大小。wpf圖像控件在mouseover上調整大小

Given a WPF Image control, how can I make it bigger through animation on MouseEnter?

來源

2011-04-22 Terco

我建議你使用Data-Templating，而不是「通過圖片循環」，這樣就可以完全重複使用XAML。

有一個很好的Kaxaml樣品，展示圖片，DataTemplating：

<Grid> 
    <Grid.Resources> 
     <XmlDataProvider x:Key="flickrdata" Source="http://api.flickr.com/services/feeds/photos_public.gne?tags=flower&amp;lang=en-us&amp;format=rss_200"> 
      <XmlDataProvider.XmlNamespaceManager> 
      <XmlNamespaceMappingCollection> 
       <XmlNamespaceMapping Prefix="media" Uri="http://search.yahoo.com/mrss/"/> 
      </XmlNamespaceMappingCollection> 
      </XmlDataProvider.XmlNamespaceManager> 
     </XmlDataProvider> 
     <DataTemplate x:Key="itemTemplate"> 
      <Image Width="75" Height="75" Source="{Binding Mode=OneWay, XPath=media:thumbnail/@url}"/> 
     </DataTemplate> 
     <ControlTemplate x:Key="controlTemplate" TargetType="{x:Type ItemsControl}"> 
      <WrapPanel IsItemsHost="True" Orientation="Horizontal"/> 
     </ControlTemplate> 
    </Grid.Resources> 
    <ItemsControl 
     Width="375" 
     ItemsSource="{Binding Mode=Default, Source={StaticResource flickrdata}, XPath=/rss/channel/item}" 
     ItemTemplate="{StaticResource itemTemplate}" 
     Template="{StaticResource controlTemplate}"> 
    </ItemsControl> 
</Grid>

這得到圖像的URL從WEB，但你可以綁定到ObservableCollection<string>持有成像路徑。

來源

2011-04-22 16:13:40

我正在循環訪問一系列圖像路徑，並使用bitmapimage打開圖像並創建一個Image控件來分配。圖像列表數總是不同的，你是說數據模板將允許我這樣做？ – Terco 2011-04-22 16:22:02

如果您使用正確的收藏，是的。在這種情況下，您應該使用'ObservableCollection '，如果綁定了它並添加了新的圖像路徑，則ItemsControl將在模板正確的情況下自動創建新圖像。 – 2011-04-22 16:29:04

好的。我真的很欣賞這個方向。 – Terco 2011-04-22 19:00:30

wpf圖像控件在mouseover上調整大小

回答

相關問題