如何在Xamarin Android中通过MvvmCross+C#绑定layout_marginTop

嘿，我之前在Xamarin Android项目里用MvvmCross的时候也遇到过这个问题——默认情况下MvvmCross并没有为layout_marginTop这类布局属性提供内置的绑定支持，所以直接写layout_marginTop TopMargin是不会生效的。不过咱们可以通过自定义绑定来轻松解决这个问题，下面给你详细的实现步骤：

方案1：自定义绑定（推荐，灵活可控） #

1. 创建自定义绑定类 #

首先新建一个继承自MvxAndroidTargetBinding的类，用来处理MarginTop的绑定逻辑：

using Android.Views;
using MvvmCross.Binding.Bindings.Target;
using MvvmCross.Platforms.Android;

public class MarginTopBinding : MvxAndroidTargetBinding
{
    private readonly View _targetView;

    public MarginTopBinding(View view) : base(view)
    {
        _targetView = view;
    }

    // 指定绑定值的类型，这里我们用int类型表示margin的像素值（或dp值，后面可以转换）
    public override System.Type TargetType => typeof(int);

    // 默认是单向绑定（从ViewModel到View）
    public override MvxBindingMode DefaultMode => MvxBindingMode.OneWay;

    protected override void SetValueImpl(object target, object value)
    {
        if (target is View view && value is int marginTopValue)
        {
            // 获取控件的MarginLayoutParams
            var layoutParams = view.LayoutParameters as ViewGroup.MarginLayoutParams;
            if (layoutParams == null) return;

            // 如果你的ViewModel里的TopMargin是dp单位，这里可以转成像素
            var pixelMargin = (int)TypedValue.ApplyDimension(
                ComplexUnitType.Dip,
                marginTopValue,
                MvxAndroidSetup.Current.ApplicationContext.Resources.DisplayMetrics);

            layoutParams.TopMargin = pixelMargin;
            view.LayoutParameters = layoutParams;
            // 通知控件重新布局
            view.RequestLayout();
        }
    }
}

2. 在Setup类中注册自定义绑定 #

找到你的项目里的Setup.cs（如果没有的话需要创建），重写FillTargetFactories方法，把我们的自定义绑定注册进去：

using MvvmCross.Binding.Bindings.Target.Construction;
using MvvmCross.Platforms.Android.Core;

public class Setup : MvxAndroidSetup<App>
{
    // ... 其他已有的代码 ...

    protected override void FillTargetFactories(IMvxTargetBindingFactoryRegistry registry)
    {
        base.FillTargetFactories(registry);
        // 注册自定义绑定，命名为"MarginTop"
        registry.RegisterCustomBindingFactory<View>("MarginTop", view => new MarginTopBinding(view));
    }
}

3. 在布局中使用绑定 #

现在你就可以在AXML布局里用我们注册的MarginTop来绑定ViewModel里的TopMargin属性了：

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    mvvm:MvxBind="Text Title; MarginTop TopMargin" />

额外说明 #

• 确保你的ViewModel里的TopMargin是int类型，如果是dp值，上面的代码已经帮你做了dp到像素的转换；如果直接用像素值，去掉转换部分即可。
• 如果你还需要绑定其他margin属性（比如MarginLeft、MarginBottom），可以用同样的方式创建对应的自定义绑定类，注册后使用。

内容的提问来源于stack exchange，提问作者KiShOrE