【发布时间】:2020-05-18 08:08:01
【问题描述】:
我在我的应用程序中使用 Prism MVVM。所以这是我的 XAML 代码
IsRefreshing="{Binding IsRefreshing}"
Command="{Binding RefreshCommand}">
<CollectionView ItemsSource="{Binding Images}"
RemainingItemsThreshold="1"
RemainingItemsThresholdReachedCommand="{Binding UpdateImagesCommand}">
<CollectionView.ItemsLayout>
<GridItemsLayout Orientation="Vertical"
Span="3"/>
</CollectionView.ItemsLayout>
<CollectionView.ItemTemplate>
<DataTemplate>
<Grid Padding="2">
<Grid.RowDefinitions>
<RowDefinition/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<ff:CachedImage
Grid.Row="0"
Grid.Column="0"
HorizontalOptions="Center"
VerticalOptions="Center"
Aspect="AspectFill"
Source="{Binding Source, Mode=OneWay}">
<ff:CachedImage.Transformations>
<ffTransformations:CropTransformation />
</ff:CachedImage.Transformations>
</ff:CachedImage>
</Grid>
</DataTemplate>
</CollectionView.ItemTemplate>
</CollectionView>
</RefreshView>
正如您在此处看到的,我的参数 RemainingItemsThreshold 的值为“1”,并将 anUpdateImagesCommand 绑定到 RemainingItemsThresholdReachedCommand
这是此 xaml 页面视图模型中的部分代码
private ObservableCollection _images;
public ObservableCollection Images
{
get { return _images; }
set { SetProperty(ref _images, value); }
}
private DelegateCommand _refreshCommand;
public DelegateCommand RefreshCommand =>
_refreshCommand ?? (_refreshCommand = new DelegateCommand(ExecuteRefreshCommand));
private DelegateCommand _updateImagesCommand;
public DelegateCommand UpdateImagesCommand =>
_updateImagesCommand ?? (_updateImagesCommand = new DelegateCommand(ExecuteUpdateImagesCommand));
void ExecuteUpdateImagesCommand()
{
//Image im = new Image();
//im.Source = "Huayra3.jpg";
//Image im7 = new Image();
//im7.Source = "Huayra1.jpg";
//Images.Add(im7);
//Images.Add(im7);
//Images.Add(im);
//Images.Add(im);
//Images.Add(im);
//Images.Add(im);
}
void ExecuteRefreshCommand()
{
// refresh posts feed command
IsRefreshing = false;
}
public AccountPageViewModel(INavigationService navigationService, IUserDataService userDataService) :
base(navigationService)
{
_userDataService = userDataService;
CurrentUser = userDataService.CurrentUser;
if (String.IsNullOrEmpty(this.CurrentUser.ImagePath))
{
this.CurrentUser.ImagePath = "user_avatar.jpg";
}
Images = new ObservableCollection<Image>();
Image im = new Image();
im.Source = "Huayra3.jpg";
Images.Add(im);
Image im1 = new Image();
im1.Source = "Huayra1.jpg";
Images.Add(im1);
Image im2 = new Image();
im2.Source = "Huayra4.jpg";
Images.Add(im2);
Image im3 = new Image();
im3.Source = "Huayra3.jpg";
Images.Add(im3);
Image im4 = new Image();
im4.Source = "Huayra1.jpg";
Images.Add(im4);
Image im5 = new Image();
im5.Source = "Huayra4.jpg";
Images.Add(im5);
Image im6 = new Image();
im6.Source = "Huayra3.jpg";
Images.Add(im6);
Image im7 = new Image();
im7.Source = "Huayra1.jpg";
Images.Add(im7);
Images.Add(im7);
Images.Add(im7);
Images.Add(im7);
Images.Add(im7);
Images.Add(im7);
Images.Add(im7);
Images.Add(im);
//Images.Add(im);
//Images.Add(im);
}
如您所见,我在 VIewModel 构造函数中编写了一些值并将其添加到列表中。我阅读了有关 CollectionView 的 Microsoft 文档,并且我知道 UpdateImagesCommand 仅在达到 RemainingItemsThreshold 时才会执行。但是当我导航到此页面时,当我在标签页中的页面之间随机导航时,ExecuteUpdateImagesCommand() 会调用。这不应该,但我不知道发生这种情况的原因。 smbd 可以帮帮我吗?
【问题讨论】:
-
根据微软CollectionView Load data incrementally,我们可以看到RemainingItemsThreshold 属性的默认值为-1,对于大于0 的值,当ItemsSource 包含该数量的项目时将触发RemainingItemsThresholdReached 事件尚未滚动到。那么,当您使用 ExecuteUpdateImagesCommand 进行导航时,您是否添加了更新图像源?
-
我找到了解决此问题的另一种方法。我可以使用 IsActive PRISM 属性来了解这个页面是我需要的。
-
很高兴听到您自己解决了您的问题,请记得发表您的解决方案的回复并将您的回复标记为答案,这对面临相同问题的其他社区成员有帮助,谢谢.
标签: mvvm xamarin.forms xamarin.android prism collectionview