当前位置：文江博客话题详情

如何动态添加pivot item并为每个pivot item添加Image？

发布于 2024-10-09 20:38:37 字数 106 浏览 3 评论 0原文

我有一个图像 URL 数组。我想为每个图像 URL 动态添加数据透视项，并向每个数据透视项添加一个图像框以显示图像。我该如何继续？请帮忙。

感谢和问候

vaysage

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

巷雨优美回忆 2024-10-16 20:38:37

这不是推荐的方法。请改用数据绑定。

创建 ObservableCollection 类型的 arrayFeed，将其分配给 mainPivot 的 ItemsSource 并使用 ItemTemplate< /code> 自定义您的项目 UI。

示例：

代码：

ObservableCollection<Uri> arrayFeed = new ObservableCollection<Uri>();
// populate arrayField
mainPivot.ItemsSource = arrayFeed;

XAML：

<Pivot Name="mainPivot">
    <Pivot.ItemTemplate>
        <DataTemplate>
            <Image Source="{Binding}" />
        </DataTemplate>
    </Pivot.ItemTemplate>
</Pivot>

--编辑--

对于您的评论，

一般来说，在 Silverlight/WPF 中进行数据绑定时使用 ObservableCollection 是个好主意。 ObservableCollection 实现 INotifyCollectionChanged 接口。当向 ObservableCollection 添加或删除项目时，它有助于通知 UI 元素。这样 UI 就可以自我更新。

This is not the recommended approach. Use data-binding instead.

make arrayFeed of type ObservableCollection<Uri>, assign it to ItemsSource of mainPivot and use ItemTemplate to customize your item UI.

Example:

Code:

ObservableCollection<Uri> arrayFeed = new ObservableCollection<Uri>();
// populate arrayField
mainPivot.ItemsSource = arrayFeed;

XAML:

<Pivot Name="mainPivot">
    <Pivot.ItemTemplate>
        <DataTemplate>
            <Image Source="{Binding}" />
        </DataTemplate>
    </Pivot.ItemTemplate>
</Pivot>

--EDIT--

For your comment,

Generally, it is a good idea to use ObservableCollection while data-binding in Silverlight/WPF. ObservableCollection implements INotifyCollectionChanged interface. It is helpful for notifying UI elements whenever items are added to/removed from ObservableCollection. That way UI can update itself.

回复收藏 0 原文

余生共白头 2024-10-16 20:38:37

最后我找到了解决方案。
将所有图像 url 放入数组（arrayFeed）中并执行以下操作。

 for (int i = 0; i < arrayFeed.Count - 1; i++)
 {
      PivotItem pivotItem = new PivotItem();
      pivotItem.Header = i.ToString();
      Grid grid = new Grid();                
      Image img = new Image();
      img.Source = new BitmapImage(new Uri((arrayFeed[i]));          
      grid.Children.Add(img); 
      pivotItem.Content = grid;         
      mainPivot.Items.Add(pivotItem);          
 }

Atlast i found a solution .
Make all the image urls in an array(arrayFeed) and do as below.

 for (int i = 0; i < arrayFeed.Count - 1; i++)
 {
      PivotItem pivotItem = new PivotItem();
      pivotItem.Header = i.ToString();
      Grid grid = new Grid();                
      Image img = new Image();
      img.Source = new BitmapImage(new Uri((arrayFeed[i]));          
      grid.Children.Add(img); 
      pivotItem.Content = grid;         
      mainPivot.Items.Add(pivotItem);          
 }

回复收藏 0 原文

~没有更多了~