值转换器在 Xamarin 中不起作用

Question

这里有点困惑，我似乎已经按照允许我使用值转换器的步骤进行操作。

我用一个键定义了我的转换器，如下所示：

    <?xml version="1.0" encoding="utf-8" ?>
    <ContentPage Title="Article"
                 xmlns="http://xamarin.com/schemas/2014/forms"
                           xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                 xmlns:controls="clr-namespace:XamarinMobile.Controls;assembly=XamarinMobile"
                 xmlns:converters="clr-namespace:XamarinMobile.Converters;assembly=XamarinMobile"
                 x:Class="XamarinMobile.ArticlePage">
      <ContentPage.Resources>
        <ResourceDictionary>
          <converters:FontSizeConverter x:Key="FontSizeMapper"></converters:FontSizeConverter>
        </ResourceDictionary>
      </ContentPage.Resources>

然后我在我的 XAML 中使用我的转换器，如下所示：

          <ContentView Padding="10,-10,10,0" Grid.Row="2" Grid.Column="0">
            <StackLayout>
              <Label x:Name="LabelAuthor" FontSize="{Binding 20, Converter={StaticResource FontSizeMapper}, ConverterParameter=20}" />
              <Label x:Name="LabelPublishDate" FontSize="{Binding 10, Converter={StaticResource FontSizeMapper}, ConverterParameter=10}"/>
            </StackLayout>
          </ContentView>

这是我的实际转换器代码：

namespace XamarinMobile.Converters
{
    public class FontSizeConverter : Xamarin.Forms.IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            if(value is double)
            {
                return App.NormalizeFontSize((double)value);
            } else
            {
                return value;
            }

        }

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

然后我在我的值转换器中设置了一个断点，但它从未命中。我在这里有什么明显的遗漏吗？我很确定我是按照指示前往发球台的。

Answer 1

由于Gerald Versluis 所说的，您的断点没有被命中。你的绑定坏了。您的绑定的意思是：绑定到BindingContext 上名为“10”的属性，并使用Converter FontSizeMapper，将额外的ConverterParameter 传递给10。“10”不是有效的属性名称，所以绑定正在破坏。如果您查看日志，您应该会看到类似于以下内容的消息：“Binding: '10' property not found on ...”

解决此问题的一种方法是删除您尝试绑定的“路径”并仅使用 ConverterParameter（假设您不需要绑定到任何真实属性）：

FontSize="{Binding Converter={StaticResource FontSizeMapper}, ConverterParameter=20}"

请注意，您需要在转换器中使用parameter，而不是value（例如if (parameter is double)）。

如果您不需要绑定到任何属性，另一种解决方法是改用自定义标记扩展。

[ContentProperty("FontSize")]
public class FontSizeMapperExtension : IMarkupExtension
{
    public double FontSize { get; set; }

    public object ProvideValue(IServiceProvider serviceProvider)
    {
        return App.NormalizeFontSize(FontSize);
    }
}

然后你可以在你的 XAML 中使用它：

FontSize="{converters:FontSizeMapper FontSize=10}

编辑

绑定到对象属性的示例：

public class YourViewModel
{
    public double VMFontSize { get; set; }
}

public partial class ArticlePage : ContentPage
{
    public ArticlePage()
    {
        InitializeComponent();

        // NOTE: You'd probably get your view-model another way
        var viewModel = new YourViewModel { VMFontSize = 10 };
        BindingContext = viewModel;
    }
}

现在您的视图模型已设置为绑定上下文，您可以像这样设置绑定：

FontSize="{Binding VMFontSize, Converter={StaticResource FontSizeMapper}}"

这就是说：将标签上的 FontSize 属性绑定到当前BindingContext（您的视图模型）上的 VMFontSize 属性，使用转换器在视图模型的 VMFontSize 和标签的 FontSize 之间进行映射。我在此处关闭了 ConverterParameter，因为在此示例中实际上并不需要它，但如果需要，您可以传递一个。

Answer 2

我会以不同的方式执行此操作，使用自定义附加属性，在此处查看有关附加属性的更多信息https://developer.xamarin.com/guides/xamarin-forms/xaml/attached-properties/

这是你的场景示例，首先我们需要定义一个附加属性，它可以在任何类中，我叫我的 FontHelper

namespace App23
{
    public static class FontHelper
    {
        public static readonly BindableProperty FontSizeProperty =
            BindableProperty.CreateAttached("FontSize", typeof(double), typeof(FontHelper), 0d, propertyChanging:OnPropertyChanging);

        public static bool GetFontSize(BindableObject view)
        {
            return (bool)view.GetValue(FontSizeProperty);
        }

        public static void SetFontSize(BindableObject view, bool value)
        {
            view.SetValue(FontSizeProperty, value);
        }

        private static void OnPropertyChanging(BindableObject bindable, object oldValue, object newValue)
        {
            if (bindable is Label)
            {
                var label = bindable as Label;
                double fontSize = (double)newValue;
                // normalize your font size here
                label.FontSize = fontSize;
            }
        }
    }
}

然后在 XAML 中使用它，它看起来像这样：

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:App23"
             x:Class="App23.MainPage">

  <Label Text="Welcome to Xamarin Forms!"
           VerticalOptions="Center"
           HorizontalOptions="Center" local:FontHelper.FontSize="50"/>

</ContentPage>