将浮点数绑定到Xamarin表单中的标签文本的最简单方法是什么？

Question

我熟悉Xamarin形式的MVVM和数据绑定。 但是，当前在我的应用程序中，我的ViewModel中有一些浮点值，需要绑定到XAML中的Label的Text。

有什么解决办法吗？ 提前致谢。

Answer 1

您在问题中提到了两件事，将浮点数绑定到Label的Text属性，并将“一些浮点值”绑定到Label的Text。

您可以使用以下方法轻松将浮点数绑定到标签：

<Label Text="{Binding YourFloatProperty}" />

或使用StringFormat：

<Label Text="{Binding YourFloatProperty, StringFormat='This is the value: {0:D2}'}" />

如果您要将多个浮点数绑定到标签的文本，目前，无法使用标准Xamarin表单执行此操作。 它被列为GitHub上的增强功能，因此它可能会出现在更高版本中。

您虽然有一些选择。

1. 在ViewModel中创建一个字符串属性，该属性将浮点数连接在一起，并将其绑定到标签的文本
2. 在WPF中，存在multibinding ，它允许这样做。 您可以使用此GitHub Gist向Xamarin Forms项目添加自己的多重绑定控件。

＃1的示例：

string FloatText { get => $"This is the first float: {_float1} and here is the second{_float2}"; }

我建议选择1。

Answer 2

这可能起作用：

Label Text="{Binding YourFloatValue, StringFormat='{0:D2}'}" />

或在后面的代码中：

Label.Text = YourFloatValue.ToString();

Answer 3

最简单的方法是将字符串属性包装在viewmodel中，并使用String.Format()方法设置值。

我写了一个简单的演示来解释它。 假设您的视图float1有2个float值： float1和float2 ，则可以添加字符串属性OutputString并使用以下方法设置其值： this.OutputString = String.Format("Value1 is {0}; Value2 is {1}", Value1, Value2);

然后将标签的文本绑定到OutputString

完整的代码如下所示：

MyViewModel.cs

class MyViewModel : INotifyPropertyChanged
    {
        float value1;
        float value2;
        string outputString;

        public event PropertyChangedEventHandler PropertyChanged;

        public MyViewModel()
        {
            this.Value1 = 1.1f;
            this.Value2 = 1.2f;
            this.OutputString = String.Format("Value1 is {0}; Value2 is {1}", Value1, Value2);
        }

        public float Value1
        {
            set
            {
                if (value1 != value)
                {
                    value1 = value;

                    if (PropertyChanged != null)
                    {
                        PropertyChanged(this, new PropertyChangedEventArgs("Value1"));
                    }
                }
            }
            get
            {
                return value1;
            }
        }

        public float Value2
        {
            set
            {
                if (value2 != value)
                {
                    value2 = value;

                    if (PropertyChanged != null)
                    {
                        PropertyChanged(this, new PropertyChangedEventArgs("Value2"));
                    }
                }
            }
            get
            {
                return value2;
            }
        }

        public string OutputString
        {
            set
            {
                if (outputString != value)
                {
                    outputString = value;

                    if (PropertyChanged != null)
                    {
                        PropertyChanged(this, new PropertyChangedEventArgs("OutputString"));
                    }
                }
            }
            get
            {
                return outputString;
            }
        }
    }

MainPage.xaml：

<ContentPage.BindingContext>
        <local:MyViewModel/>
    </ContentPage.BindingContext>

    <StackLayout>
        <!-- Place new controls here -->
        <Label Text="{Binding OutputString}" 
           HorizontalOptions="Center"
           VerticalOptions="CenterAndExpand" />
    </StackLayout>