LoopingSelector不顯示？

Question

我得到了以下xaml：

           <controls:PanoramaItem Header="overview">

                <Grid>

                    <Grid.ColumnDefinitions>
                        <ColumnDefinition />
                    </Grid.ColumnDefinitions>

                    <Grid.RowDefinitions>
                        <RowDefinition />
                    </Grid.RowDefinitions>

                    <toolkit:LoopingSelector Grid.Column="0" Grid.Row="0" ItemMargin="5" Width="160"  ItemSize="160,105" >
                        <toolkit:LoopingSelector.ItemTemplate>
                            <DataTemplate>
                                <Grid>
                                    <TextBlock Text="{Binding Numbers}" FontSize="15" HorizontalAlignment="Center" VerticalAlignment="Center" />
                                </Grid>
                            </DataTemplate>
                        </toolkit:LoopingSelector.ItemTemplate>
                    </toolkit:LoopingSelector>

                </Grid>

            </controls:PanoramaItem>

Numbers看起來像這樣：

this.Numbers = new List<int> { 1, 2, 3, 4, 5, 6, 7, 8, 9, 0 };

public List<int> Numbers { get; private set; }

東西建立並運行，但循環選擇器似乎不可見...有誰知道為什么我看不到它？

Answer 1

您的Numbers List必須是公共的和屬性，以便數據綁定工作。

Answer 2

首先，您需要將Numbers集合定義為公共屬性

public List<int> Numbers
{
    get;
    set;
}

並在類的構造函數中設置此屬性的值（或通過其他方法）

Numbers = new List<int>(){ 1, 2, 3, 4, 5, 6, 7, 8, 9, 0 };

其次，您需要將Numbers集合綁定到LoopingSelector上的DataSource屬性，而不是TextBlock。 然后，TextBlock的DataContext是集合中的單個整數（項）。

<toolkit:LoopingSelector Grid.Column="0" Grid.Row="0" ItemMargin="5" Width="160"  ItemSize="160,105" DataSource="{Binding Numbers}">
     <toolkit:LoopingSelector.ItemTemplate>
         <DataTemplate>
             <Grid>
                <TextBlock Text="{Binding .}" FontSize="15" HorizontalAlignment="Center" VerticalAlignment="Center" />
              </Grid>
         </DataTemplate>
      </toolkit:LoopingSelector.ItemTemplate>
 </toolkit:LoopingSelector>