Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/email/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ionic framework 是否可以将离子载玻片设置为仅沿一个方向移动?_Ionic Framework - Fatal编程技术网

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);
  }

希望这能帮助寻找类似答案的人。

干杯!不幸的是,我最终没有使用这些代码,因为幻灯片框和选项按钮在美学上并不协调。事情就是这样。希望这能帮助其他人。