Làm thế nào để đặt WrapPanel itemsource vào danh sách?

Question

Tôi muốn hiển thị trong WrapPanel danh sách hình ảnh. Làm thế nào tôi có thể làm điều đó hoặc có thể tôi sẽ sử dụng điều khiển khác?

Answer 1

Bạn hoàn toàn có thể sử dụng WrapPanel để hiển thị một danh sách các hình ảnh, di chuyển theo chiều dọc hoặc chiều ngang. Để có được loại có hiệu lực toàn cảnh ngói như trong dân trung tâm với hình ảnh của bạn, bạn có thể làm một cái gì đó như thế này:

 <controls:PanoramaItem Header="something" Orientation="Horizontal" Margin="0,-15,0,0" >     
      <ListBox Name="SomeList" Margin="0,0,-12,0" ItemsSource="{Binding SomeItemsList}" > 
       <ListBox.ItemsPanel> 
        <ItemsPanelTemplate> 
         <toolkit:WrapPanel x:Name="wrapPanel" Width="700" /> 
        </ItemsPanelTemplate> 
       </ListBox.ItemsPanel> 
       <ListBox.ItemTemplate> 
        <DataTemplate> 
         <StackPanel Orientation="Horizontal" Margin="0,0,0,17">         
          <Image Height="200" Width="200" Margin="12,0,9,0" Source="{Binding ImageURL}" />         
         </StackPanel> 
        </DataTemplate> 
       </ListBox.ItemTemplate> 
      </ListBox> 
     </controls:PanoramaItem> 

Xin lưu ý rằng WrapPanel bên trong một ListBox không nhặt DataTemplate bạn xác định .. vì vậy bạn phải hoàn toàn tự do để ràng buộc bất kỳ danh sách để WrapPanel của bạn.

Hy vọng điều này sẽ hữu ích!

Answer 2

Có dứt khoát không phải là WrapPanel, nó không có ItemsSource, nó không thể lấy danh sách. Sử dụng ListBox và bạn có thể đặt ItemsSource.

Sửa

Answer 3

Tìm kiếm cùng một thứ và gặp phải điều này: Displaying a Collection of Items in a WrapPanel.

<ItemsControl ItemsSource="{Binding ActorList}" Margin="20"> 
<ItemsControl.ItemTemplate> 
    <DataTemplate> 
     <Image Source="{Binding Image}" Height="100"/> 
    </DataTemplate> 
</ItemsControl.ItemTemplate> 
<ItemsControl.ItemsPanel> 
    <ItemsPanelTemplate> 
     <WrapPanel/> 
    </ItemsPanelTemplate> 
</ItemsControl.ItemsPanel> 

hoặc bạn có thể sử dụng Xceed's SwitchPanel.