Windows Phone 8.1 中绑定到 ListView 的字典 (ObservableCollection)

Question

我正在尝试将字典绑定到列表视图中的两个文本块。列表视图 ItemsSource 绑定在代码后面定义，文本块内容在 XAML 中。

我能够显示这些项目，但它们显示时每行都带有方括号，如 [stringA, stringB]。但是，这种格式将不起作用。我尝试的最新代码是通过设置不起作用的键和值是：

XAML:

           <ListView Name="lvListLogs" 
                      Margin="0,10,0,0">
                <ListView.ItemTemplate>

                    <DataTemplate x:Name="ListItemTemplate">
                        <Grid Margin="5,0,0,0">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="122"/>
                                <ColumnDefinition Width="*"/>
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition MaxHeight="104"></RowDefinition>
                            </Grid.RowDefinitions>
                            <TextBlock x:Name="tb_PointName" Grid.Column="1"
                                                   Text="{Binding Key}"
                                                   Margin="10,0,0,0" FontSize="40" 
                                                   TextWrapping="Wrap"
                                                   MaxHeight="72" 
                                                   Foreground="#FFFE5815" />

                            <TextBlock x:Name="tb_PointValue" Grid.Column="1"
                                                   Text="{Binding Value}"
                                                   Margin="10,0,0,0" FontSize="40" 
                                                   TextWrapping="Wrap"
                                                   MaxHeight="72" 
                                                   Foreground="#FFFE5815" />

                        </Grid>
                    </DataTemplate>
                </ListView.ItemTemplate>
            </ListView>

C#（为清楚起见进行了删减）：

public Dictionary<string, string> mydict2 { get; set; }

mydict2 = new Dictionary<string, string>();


        if (item != null)
            {
                var props = item.GetType().GetRuntimeProperties();

                foreach (var prop in props)
                {
                    foreach (var itm in group1.Items.Where(x => x.UniqueId == prop.Name))
                    {
                        var _Title = prop.Name;
                        var _Value = prop.GetValue(item, null);

                        string propertyValue;
                        string propertyName;

                        propertyValue = Convert.ToString(_Value);
                        propertyName = _Title;

                        mydict2.Add(_Title, propertyValue);
                    }
                }
                //binding here
                lvListLogs.ItemsSource = mydict2;

            }

如有任何帮助，我们将不胜感激。

Answer 1

您的代码工作正常，问题是您为两个 TextBlocks 设置了相同的 Grid.Column。第一列索引应为零：

<TextBlock x:Name="tb_PointName" Grid.Column="0" ...

Answer 2

为了实现所需的绑定，我使用了带有 class 和构造函数的 ObservableCollection 而不是 Dictionary。

将列表视图 (xaml) 数据绑定到 ObservableCollection：

使用构造函数

创建Class

    public class PointInfoClass
    {
        public string PointName { get; set; }
        public string PointValue { get; set; }

        public PointInfoClass(string pointname, string pointvalue)
        {
            PointName = pointname;
            PointValue = pointvalue;

        }
    }

创建 collection 的 PointInfoClass

    public ObservableCollection<PointInfoClass> PointInfo
    {
        get
        {
            return returnPointInfo;
        }
    }

实例化collection

    ObservableCollection<PointInfoClass> returnPointInfo = new ObservableCollection<PointInfoClass>();

将项目添加到 collection

returnPointInfo.Add(new PointInfoClass(string1, string2));

数据绑定到 ObservableCollection 名称。 xaml代码：

    <ListView
        Grid.Row="1"
        ItemsSource="{Binding PointInfo}" 
        IsItemClickEnabled="True"
        ItemClick="ItemView_ItemClick"
        Margin="19,0.5,22,-0.333"
        x:Name="lvPointInfo" 
    Background="White">
        <ListView.ItemTemplate>
            <DataTemplate >
                <Grid Margin="0,0,0,20">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto"/>
                        <ColumnDefinition Width="270"/>
                        <ColumnDefinition Width="60"/>
                    </Grid.ColumnDefinitions>

                    <StackPanel Orientation="Vertical"  Grid.Column="1" VerticalAlignment="Top">                           
                        <TextBlock x:Name="tb_PointSubTitle" Grid.Column="1"
                                    Text="{Binding PointName}"
                                    Margin="10,0,0,0" FontSize="20" 
                                    TextWrapping="Wrap"
                                    MaxHeight="72" 
                                   Foreground="#FF5B5B5B"
                                                    />
                    </StackPanel>
                    <StackPanel Orientation="Vertical"  Grid.Column="2" VerticalAlignment="Top" HorizontalAlignment="Right">
                        <TextBlock x:Name="tb_PointValue" 
                                    Grid.Column="1"
                                    Text="{Binding PointValue}"
                                    Margin="0,5,0,0" FontSize="20" 
                                    HorizontalAlignment="Right"
                                    TextWrapping="Wrap"
                                   FontWeight="Normal"
                                   Foreground="Black" />

                    </StackPanel>
                </Grid>
            </DataTemplate>
        </ListView.ItemTemplate>
    </ListView>

设置 ListView 的 DataContext

lvPointInfo.DataContext = this;

为清楚起见，编辑了此代码。

Windows Phone 8.1 中绑定到 ListView 的字典 (ObservableCollection)

Dictionary (ObservableCollection) binding to ListView in Windows Phone 8.1

c#

wpf

xaml

listview

windows-phone-8