Xamarin Forms Custom Control Only仅在更改ItemSelected时通知模型

时间:2018-09-11 14:50:27

标签: xamarin.forms uwp custom-controls uwp-xaml xamarin.uwp

大家好,我在Xamarin Forms项目中遇到了一些问题,在我的应用程序中,一个ListView在列中显示了许多数据行(500 ++),Xamarin Forms ListView渲染太慢了(并且消耗了ram滚动) ,然后我创建了一个使用本机ListView的自定义控件,这非常有帮助,现在渲染速度已经不成问题了(滚动中的ram consumo也不成问题)。

但是使用此方法会出现问题,现在当我编辑嵌入在列表视图行中的文本框时,不会通知模型的属性,只有在更改ItemSelected时才会通知该属性。

//我的自定义控件

public class NativeListView : ListView
    {
        public NativeListView()
        {
        }
    }

//我的自定义控件渲染器

[assembly: ExportRenderer(typeof(NativeListView), typeof(NativeListViewRenderer))]
namespace AppName.UWP.NativeCode.CustomControlsRenderers
{
  public  class NativeListViewRenderer : ListViewRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<Xamarin.Forms.ListView> e)
        {
            base.OnElementChanged(e);

            if (Control is ListView listView)
            {
                listView.ItemTemplate = App.Current.Resources["NativeListViewItemTemplate"] as DataTemplate;
            }
        }
    }
}

//我的数据模板

<DataTemplate x:Key="NativeListViewItemTemplate">
                <Grid>

                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>

                    <TextBox Grid.Column="0"
                             Text="{Binding Value, Mode=TwoWay}"/>

                    <TextBlock Grid.Column="1"
                               Foreground="Red"
                               Text="{Binding Validate}"/>

                </Grid>
            </DataTemplate>

//我的页面XAML

<customcontrols:NativeListView
                        Grid.Row="2"
                        VerticalOptions="FillAndExpand"
                        SelectionMode="Single"
                        ItemsSource="{Binding NativeListView_ItemsSource}"/>

//我的PageViewModel

public class Model : BindableBase
        {
            private string _value;
            public string Value
            {
                get { return _value; }
                set { SetProperty(ref _value, value, () => RaisePropertyChanged(nameof(Validate))); }
            }

            public string Validate
            {
                get
                {
                    if (string.IsNullOrWhiteSpace(Value))
                    {
                        return "❌";
                    }
                    return "✔";
                }
            }
        }

        private ObservableCollection<Model> nativeListView_ItemsSource;
        public ObservableCollection<Model> NativeListView_ItemsSource
        {
            get { return nativeListView_ItemsSource; }
            set { SetProperty(ref nativeListView_ItemsSource, value); }
        }

// Ctor:

NativeListView_ItemsSource = new ObservableCollection<Model>
            {
                new Model(){Value="8"},new Model(){Value="1"},new Model(){Value=""},
                new Model(){Value="6"},new Model(){Value=""},new Model(){Value="4"},
                new Model(){Value="7"},new Model(){Value="5"},new Model(){Value="7"},
            };

1 个答案:

答案 0 :(得分:1)

我肯定会对原始设置感兴趣,因为我认为Xamarin.Forms DataTemplate不会引起任何性能问题,尤其是在UWP上,因此绝对也可以共享原始代码。< / p>

但是,在这种情况下,在UWP中,TextBox中的属性更改通知仅在控件失去焦点之后才发生。如果您想在每次按键后发出通知,则需要按如下方式编辑Binding

 Text="{Binding Value, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"