Question

以下布局中的MvxListView（SearchLayoutView）不像普通的xamarin List视图那样平滑。当我向下滚动列表时，项目会冻结。这里我将模板（search_list_item）绑定为Item。因此，Model中的属性与布局属性绑定。这是出现这种行为的原因吗？如何减慢滚动速度？它能解决这个问题吗？任何人都可以建议一种方法来解决这个问题吗？

我正在使用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>

片段代码

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绑定。我错过了“下载文件插件”和“下载缓存插件”。我从Nuget安装了所有这些。现在标准绑定工作正常。列表视图也像普通的android ListView一样流畅。

所以问题是当我使用转换器时，MvxImageView正在同步下载图像。但标准绑定是异步执行。

感谢Miha Markic，你已经在评论中提到了这一点。

MvxListView不像普通的xamarin列表视图那样平滑

1 个答案: