Xamarin在图像上形成URL绑定

Question

我的xaml中有一个图片，其中的源是来自json的Iam binding.The URL将是这样的一个URL :binding.The我的公共值中的URL存储为CommonValues.URL。在绑定时，如何在json之前添加这个"CommonValues.URL“呢？所以图像的来源将是http://example.com//images/Uploads/e0111.png。

Answer 1

如果你需要Uri

var myUrl= new Uri(CommonValues.URL + "images/Uploads/e0111.png");

如果string比

var myUrl=CommonValues.URL + "images/Uploads/e0111.png";

或者你可以在你的ViewModel或Page中这样做

public string Url => string.Format("{0}{1}", CommonValues.URL,"/images/Uploads/e0111.png");

然后在XAML中：

<Button Text="{Binding Url}"/>

Answer 2

您可以使用转换器，这将允许您在所有视图/应用程序中重用

public class UrlConverter : IValueConverter
{
    #region IValueConverter implementation

    public object Convert (object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        var test = value as string; 
        if (!string.IsNullOrEmpty(test))  
        {
            return CommonValues.URL + test;
        }
        return false;
    }

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

    #endregion
}

然后，在你的页面中：

<ContentPage.Resources>
    <ResourceDictionary>
        <converter:UrlConverter x:Key="UrlConverter" />
    </ResourceDictionary>
</ContentPage.Resources>

<Image Source="{Binding YourProperty, Converter={StaticResource UrlConverter}}"/>