Question

我创建了一个自定义控件（CustomCard），它是CardView控件的子类。我想在我的项目中在不同的地方使用这个控件。

例如，我可以手动将CustomCard放在xml布局中，或者我可能希望CustomCard成为MvxListView中的项目。关键是我希望尽可能多地重用代码，并从控制CustomCard类中获益。

当实例化CustomCard时，我正在使用标准布局inflater来扩充它的布局，请参阅代码：

using System;
using Android.Animation;
using Android.Content;
using Android.Support.V7.Widget;
using Android.Util;
using Android.Views;
using Android.Widget;
public class Card : CardView
{

    private readonly Context _context;

    public Card(Context context)
        : base(context)
    {
        _context = context;
        Init();
    }

    public Card(Context context, IAttributeSet attrs)
        : base(context, attrs)
    {
        _context = context;
        Init();
    }

    private void Init()
    {
        var inflater = (LayoutInflater) _context.GetSystemService(Context.LayoutInflaterService);
        CardView = inflater.Inflate(Resource.Layout.base_card, this);
    }
}

在布局base_card.xml中，我有一些我想用MVVMCross绑定的元素，例如，

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:local="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@android:color/white">
<RelativeLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:local="http://schemas.android.com/apk/res-auto"
  android:id="@+id/basecard_title"
  android:layout_width="match_parent"
  android:layout_height="match_parent">
    <!-- Title Text-->
    <TextView
    android:id="@+id/tv_basecard_header_title"
    style="@style/card.title"
    android:text="title text"
    local:MvxBind="Text Title"
    />
    <!-- ImageView -->
    <MvxImageView
    android:id="@+id/ib_basecard_header_button_expand"
    style="@style/card.image"
    local:MvxBind="Bitmap ImageBytes,Converter=InMemoryImage"/>
  </RelativeLayout>
</FrameLayout>

我的实际base_card布局要复杂得多。

如果我尝试在另一个XML布局中使用我的CustomCard，则不会发生任何绑定。我认为这是因为我使用标准布局inflater来扩展我的CustomCard中的base_card而不是BindingInflate（），但我无法确定。

我在搜索引擎优化和论坛上进行了搜索，但是我无法找到任何使用自定义控件的人的引用，当使用MVVMCross绑定进行实例化时，该控件会扩展自己的视图。

有没有人做过，或者我想尝试做一些不可能的事情？

Answer 1

我遇到了与CardView控件类似的问题。由于CardView直接继承自FrameLayout，我决定使用几乎与MvxFrameControl相同的实现（感谢Stuart指出MvxFrameControl示例）：

<YourNamespace.MvxCardView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    local:MvxTemplate="@layout/base_card"
    local:MvxBind="DataContext ." />

用法：

local:MvxBind="Click MyCommand"

注意：使用自定义实现也解决了我使用<iframe.+?width=[\"']((?<width>.*?)[\"']?)|(height=[\"'](?<height>.*?)[\"']?)|(src=[\"'](?<src>.*?)[\"']))*.+?>将click命令绑定到CardView控件的问题，直到继承CardView后才能工作。

MVVMCross自定义控件和绑定

1 个答案: