UWP - 將多個網格視圖綁定到列表清單

我對如何完成此操作有點困惑。這是情況。我有一個對象集合本身有一個對象的集合。我想爲第一個集合中的每個對象創建一個新的網格視圖，該集合將使用第二個對象的集合作爲源。UWP - 將多個網格視圖綁定到列表清單

例如。在我的視圖模型我有這樣的事情

public ObservableCollection<ApiResponse> NewsStories

其中ApiResponse被定義爲像

public class ApiResponse 
{ 
    public List<Article> Articles { get; set; } 
}

我的XAML我做了這個名單的列表之前，是像

<GridView ItemsSource="{Binding Articles}" 
     ItemTemplate="{StaticResource GridViewTemplate }" 
     IsItemClickEnabled="False" 
     IsSwipeEnabled="False" 
     CanDragItems="False" 
     SelectionMode="Single" 
     />

我能夠綁定到一個單一的api響應，並看到網格視圖顯示來自該響應的所有文章。但現在我要列出一份清單，我不確定如何繼續。我嘗試將它列入列表視圖中，但無濟於事。

來源

2017-03-25 Matthew The Terrible

我想我可能已經想通了。首先在我的XAML中我有一些像

<GridView 
     ItemsSource="{Binding NewsStories}" 
     IsItemClickEnabled="False" 
     CanDragItems="False" 
     SelectionMode="None" 
     ItemTemplate="{StaticResource ImageTextTemplate }"> 
     <GridView.ItemsPanel> 
      <ItemsPanelTemplate> 
       <ItemsWrapGrid Orientation="Vertical"/> 
      </ItemsPanelTemplate> 
     </GridView.ItemsPanel> 
    </GridView>

而且在我的網頁資源，然後我有

<Page.Resources> 
    <DataTemplate x:Key="ArticleTemplate" x:DataType="data:Article">   
      <StackPanel Orientation="Vertical" Width="180" Height="240" > 
      <!-- stuff here --> 
      </StackPanel> 
     </StackPanel> 

    </DataTemplate> 

    <DataTemplate x:Key="ImageTextTemplate" x:DataType="data:ApiResponse">   
      <GridView ItemsSource="{Binding Articles}" 
       ItemTemplate="{StaticResource ArticleTemplate}"      
       Header="{Binding Source}" /> 
    </DataTemplate> 

</Page.Resources>

來源

2017-03-25 02:52:26

UWP - 將多個網格視圖綁定到列表清單

回答

相關問題