如何使用baui的绑定和dataTemplate -或contentControl表示数据

Question

如何提供带有绑定和数据板的字符串，数字或视图模型？

我正在寻找WPF ContentControl的MAUI替换。

contentView 具有一个内容属性，但这来自类型 view 。 contentPresenter 具有一个内容属性，但这也来自类型 view 。 ＆lt; tobleable＆gt; wtf，为什么当它只能显示一个视图时，为什么不将其命名为viewPresenter ？？？ 某种怪异很奇怪。

毛伊岛的

class PropertyViewModel {
   public string Name {get;set;}
   public object Value {get;set;}
}

<Page.Resources>
    <DataTemplate DataType="System.String">
        <Entry Text="{Binding}/>
    </DataTemplate>
    <DataTemplate DataType="System.Int32">
        <NumberPicker Value="{Binding}/>
    </DataTemplate>
    .. more templates, eg. DatePicker for System.DateOnly
</Page.Resources>

<DockLayout>
    <Label Text="{Binding Name}
    <TemplatedContenView Content={Binding Value}/> 
</DockPanel>

TemplatedContenview或ContentControl（在MAUI中不存在），可以将不同的模板用于不同的的价值类型。在WPF中，ContentControl使用ContentTemplate，ContentTemplatesElector，或者如果没有指定，则查看了资源以查找模板。

＆lt; gt;我经常对毛伊岛的感觉，我必须不断地重塑wpf中标准的事物。是的，我知道毛伊岛不是WPF，但至少应该有类似的概念。 并且差异要大得多。

从Winforms到WPF的转换要容易得多，

Answer 1

我是WPF开发人员，最近我开始了MAUI项目。而且看来您每次要编写一个简单的场景时都必须重新发明轮子，如您提到的那样:(。但是，当您使用毛伊岛时，您应该打破您的想法

。内部已连接了bindableLayout

templatedContentPresenter.xaml.cs：

public partial class TemplatedContentPresenter : ContentView
{
    public TemplatedContentPresenter()
    {
        InitializeComponent();
    }

    public static readonly BindableProperty DataTemplateSelectorProperty = BindableProperty.Create(nameof(DataTemplateSelector), typeof(DataTemplateSelector), typeof(TemplatedContentPresenter), null, propertyChanged: DataTemplateSelectorChanged);
    public static readonly BindableProperty DataTemplateProperty = BindableProperty.Create(nameof(DataTemplate), typeof(DataTemplate), typeof(TemplatedContentPresenter), null, propertyChanged: DataTemplateChanged);
    public static readonly BindableProperty DataProperty = BindableProperty.Create(nameof(Data), typeof(object), typeof(TemplatedContentPresenter), null, propertyChanged: DataChanged);

    public DataTemplateSelector DataTemplateSelector
    {
        get =>(DataTemplateSelector)GetValue(DataTemplateSelectorProperty);
        set => SetValue(DataTemplateSelectorProperty, value);
    }

    public DataTemplate DataTemplate
    {
        get => (DataTemplate)GetValue(DataTemplateProperty);
        set => SetValue(DataTemplateProperty, value);
    }

    public object Data
    {
        get => GetValue(DataProperty);
        set => SetValue(DataProperty, value);
    }

    private static void DataTemplateSelectorChanged(BindableObject bindable, object oldValue, object newValue)
    {
        if(bindable is TemplatedContentPresenter contentPresenter && newValue is DataTemplateSelector dataTemplateSelector)
        {
            BindableLayout.SetItemTemplateSelector(contentPresenter.HostGrid, dataTemplateSelector);
        }
    }
    private static void DataTemplateChanged(BindableObject bindable, object oldValue, object newValue)
    {
        if (bindable is TemplatedContentPresenter contentPresenter && newValue is DataTemplate dataTemplate)
        {
            BindableLayout.SetItemTemplate(contentPresenter.HostGrid, dataTemplate);
        }
    }

    private static void DataChanged(BindableObject bindable, object oldValue, object newValue)
    {
        if (bindable is TemplatedContentPresenter contentPresenter)
        {
            BindableLayout.SetItemsSource(contentPresenter.HostGrid, new object[] { newValue });
        }
    }
}

templatedContentPresenter.xaml：

<?xml version="1.0" encoding="utf-8" ?>
<ContentView xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="MyApp.TemplatedContentPresenter">
    <Grid x:Name="HostGrid" x:FieldModifier="private" />
</ContentView>

usage

<Frame WidthRequest="500" HeightRequest="500">
     <controls:TemplatedContentPresenter 
               Data="{Binding}" 
               DataTemplateSelector="{StaticResource CardTemplateSelector}"/>
</Frame>

：
当我写答案时，我提出了另一个带有一个简单转换器的解决方案：
singleObjectToArray.xaml

    internal class SingleObjectToArray : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {
            return new object[] { value };
        }

        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
        {
            throw new NotImplementedException();
        }
    }

用法：

<Frame>
    <Frame.Resources>
        <converters:SingleObjectToArray x:Key="SingleObjectToArrayConverter"/>
    </Frame.Resources>
    <Grid BindableLayout.ItemsSource="{Binding Converter={StaticResource SingleObjectToArrayConverter}}"
          BindableLayout.ItemTemplateSelector="{StaticResource CardTemplateSelector}" /> 
</Frame>

Answer 2

itemTemplatesElector （几个MS）。在 CollectionView 中完成时，这尤其可见。

达到条件模板绑定的一种方法是使用 ControlTemplate 。

这样您就可以：

1. 为每个用例创建 ControlTemplate 在 resourcectionary 中。
2. 在您的视图中，添加 ControlTemplate 属性，该属性根据您的业务逻辑从您的资源中获取正确的 ControlTemplate 。
3. 在您的XAML中，消耗模板asis ＆lt; contentView controlTemplate =“ {binding viewModel.template}”/＆gt;