Как установить несколько шаблонов данных в список

Question

Я создал 2 шаблона данных и использовал его в качестве ресурса, я применяю его к списку, я могу применить только один шаблон данных в списке, вот код как шаблон данных

<Window.Resources> 
     <DataTemplate x:Key="template1"> 
      <Canvas Height="40" Width="850"> 
       <Label Height="30" Width="170" Canvas.Top="5" Canvas.Left="80" Background="LightGray"></Label> 
       <TextBox Height="30" Width="120" Canvas.Top="5" Canvas.Left="300" Background="AliceBlue"></TextBox> 
       <Label Canvas.Left="420" Canvas.Top="5">$</Label> 
      </Canvas> 
     </DataTemplate> 
     <DataTemplate x:Key="template2"> 
      <Canvas Height="40" Width="850"> 
       <Label Height="30" Width="200" Canvas.Top="5" Canvas.Left="80" Background="LightGray"></Label> 
       <TextBox Height="30" Width="200" Canvas.Top="5" Canvas.Left="300" Background="AliceBlue"></TextBox> 
       <Label Canvas.Left="420" Canvas.Top="5">$</Label> 
      </Canvas> 
     </DataTemplate> 
      </Window.Resources> 

и код для ListBox

<TabItem> 
     <Canvas Height="700" Width="850"> 
      <ListBox x:Name="listBox" Height="700" Width="850" ItemTemplate="{StaticResource template1}"> 
      </ListBox> 
     </Canvas> 
    </TabItem> 

как я могу применить и шаблоны данных в ListBox, в настоящее время только «template1» становится прикладной, как может «template2» или если в будущем будет много шаблонов данных. Есть ли какой-либо способ?, thanx

Answer 1

Вы можете использовать несколько DataTemplates с помощью DataTemplateSelector и DataTrigger но нету объяснения каких-либо условий (выбранный элемент, невыбранный элемент, индекс, изменения переднего плана и размер шрифта и т.д.)

Это кажется, что вы хотите шаблон для отображения цели/UI цель только тогда вам нужно изменить шаблон для каждого ListBoxItem, как показано ниже

<Window.Resources> 
    <ControlTemplate x:Key="template1"> 
     <Canvas Height="40" Width="850"> 
      <Label Height="30" Width="170" Canvas.Top="5" Canvas.Left="80" Background="LightGray"></Label> 
      <TextBox Height="30" Width="120" Canvas.Top="5" Canvas.Left="300" Background="AliceBlue"></TextBox> 
      <Label Canvas.Left="420" Canvas.Top="5">$</Label> 
     </Canvas> 
    </ControlTemplate> 
    <ControlTemplate x:Key="template2">   
     <Canvas Height="40" Width="850"> 
      <Label Height="30" Width="200" Canvas.Top="5" Canvas.Left="80" Background="LightGray"></Label> 
      <TextBox Height="30" Width="200" Canvas.Top="5" Canvas.Left="300" Background="AliceBlue"></TextBox> 
      <Label Canvas.Left="420" Canvas.Top="5">$</Label> 
     </Canvas>  
    </ControlTemplate>  
</Window.Resources> 
<Grid> 
    <TabControl> 
     <TabItem> 
      <Canvas Height="700" Width="850"> 
       <ListBox x:Name="listBox" Height="700" Width="850"> 
        <ListBoxItem Template="{StaticResource template1}"></ListBoxItem> 
        <ListBoxItem Template="{StaticResource template2}"></ListBoxItem> 
       </ListBox> 
      </Canvas> 
     </TabItem> 
    </TabControl> 
</Grid> 

Answer 2

вы пробовали ItemsControl.ItemTemplateSelector Property ItemTemplateSelector

ниже у меня есть очень простой пример из списка Студента в ListBox связанного приложения и для студента, имеющего Отмечает менее чем на 50 процентов у меня есть Template2 и для других я выбрал template1

Вид

<Window.Resources> 
    <local:StudentDataTemplateSelector x:Key="studentDataTemplateSelector"/> 
    <DataTemplate x:Key="template1"> 
     <StackPanel Orientation="Horizontal" Background="LightGray"> 
      <TextBlock Text="{Binding RollNo}" Margin="5"/> 
      <TextBlock Text="{Binding Name}" Margin="5"/> 
      <TextBlock Text="{Binding Percentage}" Margin="5"/> 
     </StackPanel> 
    </DataTemplate> 
    <DataTemplate x:Key="template2"> 
     <StackPanel Orientation="Horizontal" Background="Red"> 
      <TextBlock Text="{Binding RollNo}" Margin="5"/> 
      <TextBlock Text="{Binding Name}" Margin="5"/> 
      <TextBlock Text="{Binding Percentage}" Margin="5"/> 
     </StackPanel> 
    </DataTemplate> 
</Window.Resources> 
<Grid> 
    <ListBox x:Name="listBox" Height="700" Width="850" ItemsSource="{Binding Students}" 
      ItemTemplateSelector="{StaticResource studentDataTemplateSelector}"> 
    </ListBox> 
</Grid> 

xaml.cs

public MainWindow() 
    { 
     InitializeComponent(); 
     DataContext = new ViewModel(); 
    }  

ViewModel/Student

public class ViewModel 
{ 
    public ObservableCollection<Student> Students { get; set; } 

    public ViewModel() 
    { 
     Students = new ObservableCollection<Student>{new Student{Name="ABC",RollNo=1,Percentage=86.5m}, 
      new Student{Name="DEF",RollNo=2,Percentage=76.5m}, 
      new Student{Name="GHI",RollNo=3,Percentage=66.5m}, 
      new Student{Name="JKL",RollNo=4,Percentage=56.5m}, 
      new Student{Name="MNO",RollNo=5,Percentage=46.5m}, 
      new Student{Name="PQR",RollNo=6,Percentage=36.5m}, 
     }; 
    } 

} 

public class Student 
{ 
    public string Name { get; set; } 
    public int RollNo { get; set; } 
    public decimal Percentage { get; set; } 
} 

ItemTemplateSelector

public class StudentDataTemplateSelector : DataTemplateSelector 
{ 
    public override DataTemplate SelectTemplate(object item, DependencyObject container) 
    { 
     FrameworkElement element = container as FrameworkElement; 

     var student = item as Student; 
     if (student == null) 
      return null; 
     if (student.Percentage > 50) 
      return 
       element.FindResource("template1") 
       as DataTemplate; 
     else 
      return 
       element.FindResource("template2") 
       as DataTemplate; 
    } 
} 

Надеюсь, это даст вам представление.