Stackpanel/Itemscontrol 数据绑定

Question

我有这个 XAML：

 <ItemsControl x:Name="recentSearches"
               Margin="0,65,0,0">
               <ItemsControl.ItemsPanel>
                   <ItemsPanelTemplate>
                         <StackPanel Orientation="Horizontal" />
                    </ItemsPanelTemplate>
                </ItemsControl.ItemsPanel>
                <ItemsControl.ItemTemplate>
                    <DataTemplate>
                         <TextBlock Text="{Binding q}"
                                TextWrapping="Wrap"
                                Foreground="AliceBlue"
                                Padding="2,6,2,2"
                                Margin="12,-6,12,0"
                                FontSize="20" />
                      </DataTemplate>
                 </ItemsControl.ItemTemplate>

还有这段代码：

private void showLatestSearches()
        {
            if (fmn.checkLatestSearchesExtistence())
            {
                List<RecentSearchItem> recent = new List<RecentSearchItem>();
                List<String> l = fmn.readLatestSearches();
                for (int i = 0; i <= l.Count-1; i += 1)
                {
                    RecentSearchItem r = new RecentSearchItem();
                    r.q = l[i];
                    r.generalbg = grau;
                    recent.Add(r);
                }
                recentSearches.DataContext = recent;
            }
        }

名为 fmn 的对象从隔离存储中读取 .txt。 但是为什么这个 StackPanel 什么都没有显示呢？

Answer 1

ItemsControl.ItemsSource 必须绑定到一个集合，对于通知，最好是ObservableCollection<T>。

您在最后一分钟设置 DataContext，更好的方法是设置 DataContext 到 ViewModel，可以是您创建视图的地方。

public class Form :UserControl
{
  DataContext = new YourViewModel() ;
}

在 XAML 中：

ItemsSource="{Binding SearchesCollection}"

SearchesCollection 将是YourViewModel 中ObservableCollection<string> 类型的属性。每当您向SearchesCollection 添加新项目时，视图都会更新。

This Databinding Tutorial 应该会有所帮助。

Answer 2

感谢 Lews Therin，我终于将数据绑定到堆栈面板：

<ItemsControl x:Name="recentSearches"
              ItemsSource="{Binding recent}"
              Background="{Binding generalbg}"
              Margin="0,65,0,0" Tap="recentSearches_Tap">
                    <ItemsControl.ItemTemplate>
                                <DataTemplate>
                                    <TextBlock Text="{Binding q}"
                                               Foreground="{Binding foreground}"
                                               TextWrapping="Wrap"
                                               Padding="2,6,2,2"
                                               Margin="12,-6,12,0"
                                               FontSize="20" />
                     </DataTemplate>
                            </ItemsControl.ItemTemplate>
 </ItemsControl>

以及背后的代码：

private void showLatestSearches()
{
    if (fmn.checkLatestSearchesExtistence())
    {
        List<RecentSearchItem> recent = new List<RecentSearchItem>();
        List<String> l = fmn.readLatestSearches();
        for (int i = 0; i <= l.Count-1; i += 1)
        {
            RecentSearchItem r = new RecentSearchItem();
            r.q = l[i];
            r.generalbg = grau;
            r.foreground = blau;
            recent.Add(r);
        }
        recentSearches.ItemsSource = recent;
    }
}

这可行，但不幸的是，似乎无法确定哪个文本框被点击，何时被点击。