鑒于這些型別

public class TestTypeBase
{
    public string Name { get; set; }
}
public class TestTypeToggle : TestTypeBase
{
}
public class TestType : TestTypeBase
{
    public bool Enabled { get; set; } = false;
}

這個資料背景關系

public class vm
{
    public ObservableCollection<TestTypeBase> TestTypes { get; } = new ObservableCollection<TestTypeBase> { new TestTypeToggle { Name = "Don't Test" }, new TestTypeToggle { Name = "Always Test" }, new TestType { Name = "qwert", Enabled = true }, new TestType { Name = "qwert", Enabled = true } };
}

(xml)

<Page.DataContext>
    <local:vm />
</Page.DataContext>

而這個觀點

<ComboBox Width="120" ItemsSource="{Binding TestTypes}">
    <ComboBox.Resources>
        <DataTemplate x:Key="a" x:DataType="local:TestType">
            <StackPanel Orientation="Horizontal">
                <TextBlock Text="{Binding Name}" />
                <CheckBox IsChecked="{Binding Enabled}" />
            </StackPanel>
        </DataTemplate>
        <DataTemplate x:Key="b" x:DataType="local:TestTypeToggle">
            <StackPanel Orientation="Horizontal">
                <TextBlock Text="{Binding Name}" />
            </StackPanel>
        </DataTemplate>
    </ComboBox.Resources>
</ComboBox>

我希望 ItemTemplate 將根據專案型別進行選擇，但我得到的只是型別名稱作為字串。

這個解決方案似乎很有希望，但我不知道如何給出型別提示。

（我基本上遇到了與這個問題相同的問題，但在 UWP 背景關系中）

這是可能的還是我必須使用一個ItemTemplateSelector？

uj5u.com熱心網友回復：

是的，UWP 與 WPF 不同。您必須ItemTemplateSelector在 UWP 中使用 a 。

以下是官方檔案供您參考。

頁面.xaml

<Page.Resources>
    <DataTemplate x:Key="NormalItemTemplate" x:DataType="x:Int32">
        <Button HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Background="{ThemeResource SystemChromeLowColor}">
            <TextBlock Text="{x:Bind}" />
        </Button>
    </DataTemplate>

    <DataTemplate x:Key="AccentItemTemplate" x:DataType="x:Int32">
        <Button HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Background="{ThemeResource SystemAccentColor}">
            <TextBlock Text="{x:Bind}" />
        </Button>
    </DataTemplate>
    <local:MyDataTemplateSelector x:Key="MyDataTemplateSelector"
        Normal="{StaticResource NormalItemTemplate}"
        Accent="{StaticResource AccentItemTemplate}"/>
</Page.Resources>

<Grid>
    <ListView x:Name = "TestListView"
      ItemsSource = "{x:Bind NumbersList}"
      ItemTemplateSelector = "{StaticResource MyDataTemplateSelector}">
    </ListView>
</Grid>

頁面.xaml.cs

public sealed partial class MainPage : Page
{
    public ObservableCollection<int> NumbersList = new ObservableCollection<int>();
    public MainPage()
    {
        this.InitializeComponent();

        NumbersList.Add(1);
        NumbersList.Add(2);
        NumbersList.Add(3);
    }
}

public class MyDataTemplateSelector : DataTemplateSelector
{
    public DataTemplate Normal { get; set; }
    public DataTemplate Accent { get; set; }

    protected override DataTemplate SelectTemplateCore(object item)
    {
        if ((int)item % 2 == 0)
        {
            return Normal;
        }
        else
        {
            return Accent;
        }
    }
}

編輯

根據這份檔案，

如果您的 ItemsControl.ItemsPanel 是 ItemsStackPanel 或 ItemsWrapGrid，請為 SelectTemplateCore(Object) 方法提供覆寫。如果 ItemsPanel 是不同的面板，例如 VirtualizingStackPanel 或 WrapGrid，請為 SelectTemplateCore(Object, DependencyObject) 方法提供覆寫。

所以你需要SelectTemplateCore(Object, DependencyObject)在你的DataTemplateSelector.

頁面.xaml

<Page.Resources>
    <DataTemplate x:Key="NormalItemTemplate" x:DataType="x:Int32">
        <TextBox Text="{x:Bind}" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Background="{ThemeResource SystemChromeLowColor}" />
    </DataTemplate>

    <DataTemplate x:Key="AccentItemTemplate" x:DataType="x:Int32">
        <TextBox Text="{x:Bind}" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Background="{ThemeResource SystemAccentColor}" />
    </DataTemplate>
    
    <local:MyDataTemplateSelector x:Key="MyDataTemplateSelector"
        Normal="{StaticResource NormalItemTemplate}"
        Accent="{StaticResource AccentItemTemplate}"/>
</Page.Resources>

<Grid>
    <ComboBox x:Name="Testcombox"
              ItemsSource="{x:Bind NumbersList}"
              ItemTemplateSelector = "{StaticResource MyDataTemplateSelector}">
    </ComboBox>
</Grid>

頁面.xaml.cs

public sealed partial class MainPage : Page
{

    public ObservableCollection<int> NumbersList = new ObservableCollection<int>();

    public MainPage()
    {
        this.InitializeComponent();

        NumbersList.Add(1);
        NumbersList.Add(2);
        NumbersList.Add(3);
    }

}


public class MyDataTemplateSelector : DataTemplateSelector
{
    public DataTemplate Normal { get; set; }
    public DataTemplate Accent { get; set; }

    protected override DataTemplate SelectTemplateCore(object item, DependencyObject container)
    {
        if ((int)item % 2 == 0)
        {
            return Normal;
        }
        else
        {
            return Accent;
        }
    }
}

標籤：C＃xmluwpuwp-xml数据模板

上一篇：ContentDialog中的依賴屬性僅在一個方向上起作用

下一篇：如何在.NETMAUI中獲取選定的復選框值/名稱