Ionic framework 是否可以将离子载玻片设置为仅沿一个方向移动?
当我到达最后一张幻灯片时,我想禁用当您尝试进一步滑动时发生的反弹效果。我在最后一页上有离子选项按钮,滑动它们会导致屏幕因幻灯片而抖动 如果您不使用小部件,我仍然希望能够移回左侧/上一张幻灯片,我建议您使用它,因为它为您的幻灯片框提供了更多的灵活性/选项。(还有关于它的离子文档) 您所需要做的就是观看幻灯片代理,如果您点击了最后一张幻灯片,请将滑动锁定到下一张(停止您提到的反弹效果)。如果您不在最后一张幻灯片上,请解锁幻灯片Ionic framework 是否可以将离子载玻片设置为仅沿一个方向移动?,ionic-framework,Ionic Framework,当我到达最后一张幻灯片时,我想禁用当您尝试进一步滑动时发生的反弹效果。我在最后一页上有离子选项按钮,滑动它们会导致屏幕因幻灯片而抖动 如果您不使用小部件,我仍然希望能够移回左侧/上一张幻灯片,我建议您使用它,因为它为您的幻灯片框提供了更多的灵活性/选项。(还有关于它的离子文档) 您所需要做的就是观看幻灯片代理,如果您点击了最后一张幻灯片,请将滑动锁定到下一张(停止您提到的反弹效果)。如果您不在最后一张幻灯片上,请解锁幻灯片 $scope.$watch('data.sliderDelegate',
$scope.$watch('data.sliderDelegate', function(newVal, oldVal) {
if (newVal != null) {
$scope.data.sliderDelegate.on('slideChangeEnd', function() {
$scope.data.currentPage = $scope.data.sliderDelegate.activeIndex;
if($scope.data.currentPage == $scope.data.lastSlide){
$scope.data.sliderDelegate.lockSwipeToNext();
}
else{
$scope.data.sliderDelegate.unlockSwipeToNext();
}
$scope.$apply();
});
}
});
这是一篇针对exmaple的文章。我知道这是一篇老文章,但我只是在Ionic 4.0中管理了这篇文章,尽管有人可能会从中发现一些价值 您可以使用以下命令:
this.slides.lockSwipeToNext(true);
以防止用户向右滑动。类似地,还有另一个命令可防止其向左移动:
this.slides.lockSwipeToPrev(true);
我将其放置在“ionViewWillEnter()”函数中,以最初禁用刷卡,然后创建了一个函数,每当我想手动移动到下一张幻灯片时,我都会调用该函数,如下所示:
ionViewWillEnter(){
this.slides.lockSwipeToNext(true);
}
nextSlide(){
this.slides.lockSwipeToNext(false);
this.slides.slideNext();
this.slides.lockSwipeToNext(true);
}
希望这能帮助寻找类似答案的人。干杯!不幸的是,我最终没有使用这些代码,因为幻灯片框和选项按钮在美学上并不协调。事情就是这样。希望这能帮助其他人。