c# - MvxListView 不像普通的 xamarin ListView 那样流畅

Question

以下布局(SearchLayoutView)中的 MvxListView 不像正常的 xamarin ListView 那样流畅。当我向下滚动列表时，项目卡住了。在这里，我将模板 (search_list_item) 绑定(bind)为项目。因此模型中的属性与布局属性绑定(bind)。这是这种行为的原因吗？我怎样才能减慢滚动速度？它会解决这个问题吗？任何人都可以建议解决此问题的方法吗？

我正在使用 Xamarin Android 4.18.1，Mvvm Cross 3.2.1

SearchLayoutView

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:local="http://schemas.android.com/apk/res/MyAPP.Droid"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:id="@+id/linearSearchResultView"
        android:background="@color/graySerachView">
        <TextView
            android:minWidth="25px"
            android:minHeight="25px"
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:layout_marginLeft="10dp"
            android:layout_marginTop="10dp"
            android:layout_marginRight="10dp"
            android:layout_marginBottom="10dp"
            android:drawableLeft="@android:drawable/ic_menu_search"
            android:background="@drawable/searchbutton"
            android:singleLine="true"
            android:editable="false"
            android:id="@+id/MainSearchResultView"
            android:gravity="fill"
            local:MvxBind="Text SearchString" />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textAppearance="?android:attr/textAppearanceSmall"
            android:text="Search Result"
            android:id="@+id/textViewResultCount" />
    </LinearLayout>
    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Load More "
        android:layout_alignParentBottom="true"
        android:id="@+id/SearchprogressView"
        android:visibility="gone" />
    <Mvx.MvxListView
        android:minWidth="25px"
        android:minHeight="25px"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:id="@+id/ListSearchResult"
        android:layout_below="@+id/linearSearchResultView"
        android:layout_above="@+id/SearchprogressView"
        local:MvxBind="ItemsSource Item"
        local:MvxItemTemplate="@layout/search_list_item"
        android:smoothScrollbar="true" />
</RelativeLayout>

search_list_item

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:local="http://schemas.android.com/apk/res/MyAPP.Droid"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/LinearLayoutItem"
    android:background="@drawable/border">
    <GridLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:columnCount="2"
        android:rowCount="3"
        android:orientation="horizontal"
        android:layout_margin="5dp"
        android:id="@+id/GridSearchMain">
        <Mvx.MvxImageView
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:id="@+id/imageSearchProducts"
            android:layout_row="0"
            android:layout_column="0"
            android:layout_rowSpan="3"
            android:layout_margin="5dp"
            local:MvxBind="Bitmap ProductImageUrl, Converter=ImageView" />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/TextSearchProductName"
            android:layout_column="1"
            android:layout_row="0"
            android:textColor="#FFFF0000"
            local:MvxBind="Text ProductName" />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/TextSearchUnitPrice"
            android:layout_column="1"
            android:layout_row="1"
            local:MvxBind="Text UnitPrice" />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/TextSearchProductId"
            android:layout_column="1"
            android:layout_row="2"
            local:MvxBind="Text ProductId" />
    </GridLayout>
</RelativeLayout>

fragment 代码

public override View OnCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)
        {
            try
            {

                if (_rooView != null)
                {
                    var viewGroup = (ViewGroup) _rooView.Parent;
                    viewGroup.RemoveView(_rooView);

                    //Get ViewModel
                    var viewModel = (SearchResultViewModel) ViewModel;
                    //Bind to List View.
                    _rooView.
                        FindViewById<MvxListView>(Resource.Id.ListSearchResult).ItemsSource = viewModel.Item;

                    return _rooView;
                }

                var ingnore = base.OnCreateView(inflater, container, savedInstanceState);
                _rooView = this.BindingInflate(Resource.Layout.fragment_serach_result, null);

                return _rooView;
            }
            catch (Exception exception)
            {
                var dialogAlert = new AlertDialog.Builder(this.Activity);
                dialogAlert.SetMessage(exception.Message);
                dialogAlert.Show();
                return null;
            }
        }

Answer 1

明白了!正如 Stuart 上面提到的，我已经检查了标准的 ImageUrl 绑定(bind)。我缺少“下载文件插件”和“下载缓存插件”。我已经从 Nuget 安装了所有这些。现在标准绑定(bind)工作正常。 ListView 也像普通的 android ListView 一样流畅。

所以问题是 MvxImageView 在我使用转换器时同步下载图像。但是标准绑定(bind)是异步进行的。

也感谢 Miha Markic，您在评论中也提到了这一点。