MVVMCross从MvxBindableListView获取SelectedItem

时间:2012-11-12 11:16:17

标签: android listview xamarin.android viewmodel mvvmcross

我的Android应用程序几乎没有问题,我不知道如何用MVVM Cross解决它。

这是我的ViewModel:

public class AddressesShowViewModel : MvxViewModel
{
    public List<Address> Addresses { get; set; }

    public AddressesShowViewModel(string addressesForListView)
    {
        Addresses = JsonConvert.DeserializeObject<List<Address>>(addressesForListView);
    }

    public IMvxCommand ShowItemCommand
    {
        get
        {
            //return new MvxRelayCommand<Type>((type) => this.RequestNavigate(type));
            return new MvxRelayCommand(DoShowContact);
        }
    }

    private Address selectedItem;
    public Address SelectedItem
    {
        get { return selectedItem; }
        set { selectedItem = value; FirePropertyChanged(() => SelectedItem); }
    }

    private void DoShowContact()
    {
        RequestNavigate<AddressShowViewModel>();
    }
}

我的AddressesShow.axml

<?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/INMobileCRM4Android.INMobileCRM4Android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<Mvx.MvxBindableListView
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    local:MvxBind="{'ItemsSource':{'Path':'Addresses'},'ItemClick':{'Path':'ShowItemCommand'}, 'SelectedItem':{'Path':'SelectedItem'}}"
    local:MvxItemTemplate="@layout/addresslistitem"
  />
</FrameLayout>

我想知道,我如何从AddressesShow.axml中的ListView中获取SelectedItem ..我试图创建一个Property'SelectedItem'..但它在开始时被调用,当创建ViewModel时(并且显然返回null),而不是在单击Item时..它的btw是一种Address,而不仅仅是String或者什么......也许有任何建议?

1 个答案:

答案 0 :(得分:3)

Droid的SelectedItem缺乏在上周为Daniel的演讲准备工作期间确定为一个问题。

要解决它,有几个快速的答案:

1您可以使用SelectedItemPosition进行绑定 - 这是int

2您可以使用Click ICommand/IMvxCommand绑定,而不是使用SelectedItem - 在您的示例中,这将是相同的axml但

public IMvxCommand ShowItemCommand
{
    get
    {
        return new MvxRelayCommand<Address>(address => DoShowContact(address));
    }
}

要清楚以上这个Click选项就是我要用的。


如果确实需要SelectedItem ......

然后,为了得到一个完整的答案,Daniel和我制作了一个新的绑定原型。使用以下方式注册此绑定:

        registry.RegisterFactory(new MvxCustomBindingFactory<MvxBindableListView>("SelectedItem", adapterView => new MvxAdapterViewSelectedItemTargetBinding(adapterView)));

并包含逻辑:

using System;
using Android.Widget;
using Cirrious.MvvmCross.Binding.Droid.Views;
using Cirrious.MvvmCross.Binding.Interfaces;
using Cirrious.MvvmCross.Interfaces.Platform.Diagnostics;

namespace Cirrious.MvvmCross.Binding.Droid.Target
{
#warning This needs to be redone for all adapterviews not just list view!
#warning The use of ItemClick instead of ItemSelected needs to be reinvestigated here!
    public class MvxAdapterViewSelectedItemTargetBinding : MvxBaseAndroidTargetBinding
    {
        private readonly MvxBindableListView _view;
        private object _currentValue;

        public MvxAdapterViewSelectedItemTargetBinding(MvxBindableListView view)
        {
            _view = view;
            ((ListView)_view).ItemClick += OnItemClick;
        }

        private void OnItemClick(object sender, AdapterView.ItemClickEventArgs itemClickEventArgs)
        {
            var container = (_view.GetItemAtPosition(itemClickEventArgs.Position) as MvxJavaContainer);
            if (container == null)
            {
                MvxBindingTrace.Trace(MvxTraceLevel.Warning, "Missing MvxJavaContainer in MvxAdapterViewSelectedItemTargetBinding");
                return;
            }
            var newValue = container.Object;
            if (!newValue.Equals(_currentValue))
            {
                _currentValue = newValue;
                FireValueChanged(newValue);
            }
        }

        public override void SetValue(object value)
        {
#warning Sort out Equals test here
            if (value != null && value != _currentValue)
            {
                var index = _view.Adapter.GetPosition(value);
                if (index < 0)
                {
                    MvxBindingTrace.Trace(MvxTraceLevel.Warning, "Value not found for spinner {0}", value.ToString());
                    return;
                }
                _currentValue = value;
                _view.SetSelection(index);
            }
        }

        public override MvxBindingMode DefaultMode
        {
            get { return MvxBindingMode.TwoWay; }
        }

        public override Type TargetType
        {
            get { return typeof(object); }
        }

        protected override void Dispose(bool isDisposing)
        {
            if (isDisposing)
            {
                ((ListView)_view).ItemClick -= OnItemClick;
            }
            base.Dispose(isDisposing);
        }
    }
}

为了测试这个,我使用了Tutorial PullToRefresh代码,使用:

<Mvx.MvxBindableListView         android:id="@android:id/list"         android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    local:MvxBind="{'ItemsSource':{'Path':'Emails'},'ItemClick':{'Path':'ShowItemCommand'},'SelectedItem':{'Path':'TheSelectedEmail'}}"
    local:MvxItemTemplate="@layout/listitem_email"
/>

    public class SimpleEmail
    {
        public string From { get; set; }    
        public string Header { get; set; }    
        public string Message { get; set; }    
    }

    private ObservableCollection<SimpleEmail> _emails;
    public ObservableCollection<SimpleEmail> Emails
    {
        get { return _emails; }
        private set { _emails = value; RaisePropertyChanged(() => Emails); }
    }

    private SimpleEmail _email;
    public SimpleEmail TheSelectedEmail
    {
        get { return _email; }
        set
        {
            _email = value;
            MvxTrace.Trace(MvxTraceLevel.Error, "HELLO {0} ", value == null ? "null" : value.From);
        }
    }

在所有这些工作中要注意的一件事是,Android中的列表视图选定项与Silverlight / wp中的列表框选定项略有不同 - 例如在android中获取listview以突出显示当前选择可能非常困难,并且很难让listview生成选择更改事件。


注意:我已将Droid SelectedItem上的问题记录到https://github.com/slodge/MvvmCross/issues/52 - 我将确保在不久的将来将绑定添加到核心库