MVVMCross-iOS Xamarin中的图像绑定

如何解决MVVMCross-iOS Xamarin中的图像绑定

在我的viewmodel中，我在属性中收到一个图像URL： UserImage

在使用“ SDWebImage” nuGet程序包的ViewController中，我可以绑定图像

Img_UserImage.Setimage(new NSUrl(viewmodel.UserImage));

现在，由于我在视图模型中收到图像网址 如何通过MvvMCross Binding将图像URL绑定到我的UIImage？

private void SetUpBinding()
    {
     var set = this.CreateBindingSet<UserProfileViewController,UserProfileviewmodel>();
     set.Bind(Img_UserImage).For(v => v.Image).To(vm => vm.UserImage); // Here I need to bind it.
     set.Apply();
    }

非常感谢您的帮助……谢谢

解决方法

您将必须创建自己的TargetBinding类，该类知道如何绑定此View。

这看起来像：

public class SDWebImageTargetBinding : MvxTargetBinding
{
    protected UIImageView ImageView => Target as UIImageView;

    public override Type TargetType => typeof(string);

    public override MvxBindingMode DefaultMode => MvxBindingMode.OneWay;

    public SDWebImageTargetBinding(object target)
        : base(target)
    {
    }

    public override void SetValue(object value)
    {
        if (ImageView == null) return;

        if (value is string stringValue)
        {
            ImageView.SetImage(stringValue);
        }        
    }
}

然后在Setup.cs中，您将通过覆盖FillTargetFactories进行注册：

protected override void FillTargetFactories(IMvxTargetBindingFactoryRegistry registry)
{
    base.FillTargetFactories(registry);

    registry.RegisterCustomBindingFactory<UIImageView>("ImageUrl",view => new SDWebImageTargetBinding(view));
}

然后您可以绑定：

using var set = this.CreateBindingSet...
set.Bind(imageView).For("ImageUrl").To(vm => vm.UserImage);