xamarin - 我如何创建一个模板/类，以允许我将一些 Xaml 中的多个元素简化为一个？

Question

这是我现在需要做的一个例子。有时我有一个跨度，有时更多。

请注意，这篇文章与另一个问题的相似。对于另一个问题，我只有一个使用自定义控件的评论，没有提供更多建议，一个使用 JavaScript 的答案。我试图为该问题添加第二个赏金，但它给了我仅添加 500 点赏金的选项。这个问题现在太老了，我怀疑任何人都不会再看到它了，因为我无法增加赏金(除非是 500 分)，所以我无法给予它更多的可见性。

这是我想简化的内容:

<Label>
   <Label.FormattedText>
      <FormattedString>
         <Span Text="Hello " />
         <Span Text="Hello " />
         <Span Text=" Some more text." />
      </FormattedString>
   </Label.FormattedText>
</Label>

这是我想要做的，而不是输入 <Label><Label.FormattedText><FormattedString>我想通过只输入 <template:FormattedLabel> 来获得某种方法来做到这一点。

<template:FormattedLabel>
   <Span Text="Hello " />
   <Span Text="Hello " />
   <Span Text=" Some more text." />
</template:FormattedLabel>

或者

<template:FormattedLabel>
   <Span Text="Hello " />
</template:FormattedLabel>

请注意，我已经研究过自定义控件，但据我所知，我无法找到一种方法让这些控件接受一些内部内容，在这种情况下，这些内容将是一个或多个跨度。

我有一个类似的例子，也许可以使用，但我不知道如何应用它。我希望在下面的 XAML 中有一个这样的模板，它的作用类似于我需要的内容页面:

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
   xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
   xmlns:local="clr-namespace:Japanese;assembly=J" 
   xmlns:t="clr-namespace:J.Templates" 
   x:Class="Japanese.Templates.ContentScrollable" 
   x:Name="ContentPage" >
   <ContentPage.Content>
       <t:Stack Orientation="Vertical">
          <ScrollView x:Name="scroll">
             <ContentView Content="{Binding Source={x:Reference ContentPage}, Path=InnerContent}" 
                         Margin="{DynamicResource PageMargin}" />
          </ScrollView>
       </t:Stack>
   </ContentPage.Content>
</ContentPage>

使用它的 C# 后端:

public partial class ContentScrollable : ContentPage
{

    public static readonly BindableProperty InnerContentProperty = BindableProperty.Create(nameof(InnerContent), typeof(View), typeof(ContentScrollable));

    public View InnerContent
    {
        get => (View)this.GetValue(InnerContentProperty);
        set => this.SetValue(InnerContentProperty, value);
    }

    public ContentScrollable()
    {
        InitializeComponent();
    }
}

我怎样才能完成我正在寻找的东西？

Answer 1

您可以执行以下操作:

<!-- FormattedLabel.xaml -->
<?xml version="1.0" encoding="UTF-8"?>
<Label 
    xmlns="http://xamarin.com/schemas/2014/forms" 
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    x:Class="YourNamespaceForTemplates.FormattedLabel" />

// FormattedLabel.xaml.cs
[ContentProperty(nameof(Spans))]
public partial class FormattedLabel : Label
{
    private readonly ObservableCollection<Span> _spans;
    public IList<Span> Spans => _spans;

    public FormattedLabel()
    {
        _spans = new ObservableCollection<Span>();
        _spans.CollectionChanged += OnSpansChanged;

        InitializeComponent();
    }

    private void OnSpansChanged(object sender, NotifyCollectionChangedEventArgs e)
    {
        FormattedText?.Spans?.Clear();
        FormattedText = FormattedText ?? new FormattedString();
        Spans.ForEach(FormattedText.Spans.Add);
    }
}

基本上，在 Label 的这个扩展中我们将内容定义为 Span 的列表项目，这将允许您在 <FormattedLabel></FormattedLabel> 中的 XAML 中定义它们.为了使它工作，我们将这些项目传递给 this.FormattedText.Spans .

要使用它:

<template:FormattedLabel>
    <Span Text="Hello " />
    <Span Text="Hello " />
    <Span Text=" Some more text." />
</template:FormattedLabel>

我刚刚检查过它，它运行良好。我希望这有帮助!