带有 MvxSpinner 的 MvxListView 在第一个项目上显示空条目

Question

我正在使用包含 MvxSpinner 的 MvxListView。当我的应用程序运行s 时，跟踪显示多个实例：

目前微调器 SelectedItem 绑定中不允许空值

我知道数据对象上的条目不为空。这是相关代码：MvxListView 的布局是

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">
            <MvxListView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                local:MvxBind="ItemsSource ShipmentLots.Lots"
                local:MvxItemTemplate="@layout/inventorylotview" />
            <ImageButton
                android:src="@drawable/ic_action_new"
                android:layout_width="60dp"
                android:layout_height="match_parent"
                android:layout_gravity="center"
                local:MvxBind="Click NewLot_Clicked"
                android:id="@+id/btnLotNew" />
        </LinearLayout>

MvxItemTemplate 的布局如下：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:local="http://schemas.android.com/apk/res-auto"
    android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <MvxSpinner
        android:layout_width="130dp"
        android:layout_height="match_parent"
        android:layout_gravity="center"
        style="@style/InputSpinner"
        local:MvxItemTemplate="@layout/itemspinner"
        local:MvxDropDownItemTemplate="@layout/itemspinnerdropdown"
        local:MvxBind="ItemsSource LotColors; SelectedItem LotColor"
        android:id="@+id/spinner1" />
    <EditText
        android:layout_width="150dp"
        android:layout_height="wrap_content"
        style="@style/InputEditText"
        local:MvxBind="Text LotNo" />
    <ImageButton
        android:src="@drawable/ic_action_delete"
        android:layout_width="60dp"
        android:layout_height="match_parent"
        android:layout_gravity="center"
        local:MvxBind="Click DeleteClicked"
        android:id="@+id/btnLotDelete" />
</LinearLayout>

InventoryViewModel如下：

public class InventoryViewModel
  : MvxViewModel
{
    public async void Init(Guid ID)
    {
        await MPS_Mobile_Driver.Droid.DataModel.ShipmentDataSource.GetShipmentInventory(ID);
        ShipmentInventory = ShipmentDataSource.CurrInventory;

        Shipment = await MPS_Mobile_Driver.Droid.DataModel.ShipmentDataSource.GetShipment((int)ShipmentInventory.idno, (short)ShipmentInventory.idsub);
        ShipmentLots = await MPS_Mobile_Driver.Droid.DataModel.ShipmentDataSource.GetShipmentLotList(Shipment.idno, Shipment.idsub);
    }

    private Shipment _Shipment;
    public Shipment Shipment
    {
        get { return _Shipment; }
        set { _Shipment = value; RaisePropertyChanged(() => Shipment); }
    }

    private ShipmentInventory _ShipmentInventory;
    public ShipmentInventory ShipmentInventory
    {
        get { return _ShipmentInventory; }
        set { _ShipmentInventory = value; RaisePropertyChanged(() => ShipmentInventory); }
    }

    private ShipmentLotList _ShipmentLots;
    public ShipmentLotList ShipmentLots
    {
        get { return _ShipmentLots; }
        set { _ShipmentLots = value; RaisePropertyChanged(() => ShipmentLots); }
    }

    public IMvxCommand NewLot_Clicked
    {
        get
        {
            return new MvxCommand(() => NewLot());
        }
    }

    private void NewLot()
    {
        ShipmentLot Lot = new ShipmentLot();
        Lot.ID = Guid.NewGuid();
        Lot.idno = Shipment.idno;
        Lot.idsub = Shipment.idsub;
        ShipmentLots.Lots.Add(Lot);
    }

}

ShipmentLots 的视图模型包含一个名为 Lots 的 ShipmentLot 类型的可观察集合。 ShipmentLots 的 Class 是从 WCF 服务创建的。我扩展如下：

public partial class ShipmentLot
{

    private static string[] _LotColors = { "Yellow", "Brown", "White", "Blue", "Orange", "Red", "Green", "Purple" };
    public string[] LotColors
    {
        get { return _LotColors; }
    }

    public IMvxCommand DeleteClicked
    {
        get
        {
            return new MvxCommand(() => DeleteLot());
        }
    }

    private void DeleteLot()
    {
        MPS_Mobile_Driver.Droid.Views.InventoryView act = (MiscFunctions.CurrActivity as MPS_Mobile_Driver.Droid.Views.InventoryView) ?? null;
        if (act != null)
        {
            act.DeleteLot(this);
        }
    }
}

这负责让删除按钮起作用并为 MvxSpinner 提供颜色列表。当我运行应用程序时，出现 Null value not allowed 错误，并且 MvxListView 中的第一项在 MvxSpinner 上的颜色错误。随后的工作正常。我不确定第一个有什么不同。有人对此有任何想法吗？

谢谢，吉姆

Answer 1

在@Cheesebaron 和@Stuart 的帮助下，我发现如果您在 MvxItemList 内的 ItemTemplate 中使用 MvxSpinner 或 MvxAutoComplete，那么上面层次结构中的任何内容（包括 MvxItemlist）都不能 android:layout_height="wrap_content"。原因是 Android OS 如果必须动态确定它们的高度，则必须多次绘制东西。所有的重绘都会让绑定变得混乱。如果将所有内容都设置为固定高度，则一切正常。要解决上述问题，上面 MvxItemView 的标记应该是

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical">
        <MvxListView
            android:layout_width="fill_parent"
            android:layout_height="300dp"
            local:MvxBind="ItemsSource ShipmentLots.Lots"
            local:MvxItemTemplate="@layout/inventorylotview" />
        <ImageButton
            android:src="@drawable/ic_action_new"
            android:layout_width="60dp"
            android:layout_height="60dp"
            android:layout_gravity="center"
            local:MvxBind="Click NewLot_Clicked"
            android:id="@+id/btnLotNew" />
    </LinearLayout>

关键似乎是安排您的标记，这样它就不必预呈现 MvxItemList 来确定屏幕部分的高度。想看更多的可以参考这个：

https://github.com/MvvmCross/MvvmCross/issues/944

我还有一个工作示例，说明如何在 MvxItemList 中执行 MvxSpinner，网址为：

https://github.com/JimWilcox3/MvxSpinnerTest

这开始是为了演示错误的回购协议。一旦@Cheesebaron 告诉我出了什么问题，我就更正了它，所以它是一个有效的例子。希望这会对某人有所帮助。

带有 MvxSpinner 的 MvxListView 在第一个项目上显示空条目

MvxListView with MvxSpinner showing null entry on the first Item

c#

android

mvvmcross

xamarin

mvxbind