Merge pull request #71 from vahidvdn/master

swipeSpeed property is added. Docs is updated.

Author: TheOriginalJosh

README.md

@@ -101,6 +101,8 @@ This very much a work in progress. Please feel free to contribute.
 
 - **pageIndicators : boolean** - If true adds indicator dots to the bottom of your slides.
 
+- **swipeSpeed : number** - Determines the speed of swipe. The bigger `swipeSpeed` property is, the faster you swipe the slides. Default value is 3. Try changing it to 15 to see the result.
+
 #### Indicators
 
 If the property `pageIndicators` is `true` you won't see the page indicators anymore as of 2.0.0 right away. there are two css classes exposed that you can setup however you like for active and inactive indicators. below is an example for semi translucent dots.

app/App_Resources/Android/app.gradle

@@ -1,16 +1,16 @@
-// Add your native dependencies here:
-
-// Uncomment to add recyclerview-v7 dependency
-//dependencies {
-//	compile 'com.android.support:recyclerview-v7:+'
-//}
-
-android {  
-  defaultConfig {  
-    generatedDensities = []
-    applicationId = "__PACKAGE__"  
-  }  
-  aaptOptions {  
-    additionalParameters "--no-version-vectors"  
-  }  
-} 
+// Add your native dependencies here:
+
+// Uncomment to add recyclerview-v7 dependency
+//dependencies {
+//	compile 'com.android.support:recyclerview-v7:+'
+//}
+
+android {  
+  defaultConfig {  
+    generatedDensities = []
+    applicationId = "org.nativescript.nativescriptpackagr"  
+  }  
+  aaptOptions {  
+    additionalParameters "--no-version-vectors"  
+  }  
+} 

app/home/home.component.html

@@ -1,5 +1,5 @@
 <StackLayout>
-    <slides loop="true" [pageIndicators]="true">
+    <slides loop="true" [pageIndicators]="true" [swipeSpeed]="20">
         <slide class="slide-1">
             <Label text="Slide 1" textWrap="true"></Label>
         </slide>
@@ -10,4 +10,4 @@
             <Label text="Slide 3" textWrap="true"></Label>
         </slide>
     </slides>
-</StackLayout>
+</StackLayout>

lib/src/slides/slides.component.ts

@@ -62,6 +62,7 @@ export class SlidesComponent implements OnInit, AfterViewInit, OnDestroy {
   @Input("footerMarginTop") footerMarginTop: number;
   @Input("loop") loop: boolean;
   @Input("pageIndicators") pageIndicators: boolean;
+  @Input("swipeSpeed") swipeSpeed: number;
   @Input("class") cssClass: string = "";
   @Input() zoomEnabled = false;
   @Input("autoInit") autoInit: boolean = true;
@@ -100,6 +101,7 @@ export class SlidesComponent implements OnInit, AfterViewInit, OnDestroy {
   ngOnInit() {
     this.loop = this.loop ? this.loop : false;
     this.pageIndicators = this.pageIndicators ? this.pageIndicators : false;
+    this.swipeSpeed = this.swipeSpeed ? this.swipeSpeed : 3;
     this.pageWidth = this.pageWidth
       ? this.pageWidth
       : platform.screen.mainScreen.widthDIPs;
@@ -390,7 +392,7 @@ export class SlidesComponent implements OnInit, AfterViewInit, OnDestroy {
       // if velocityScrolling is enabled then calculate the velocitty
 
       // swiping left to right.
-      if (args.deltaX > this.pageWidth / 3) {
+      if (args.deltaX > this.pageWidth / this.swipeSpeed) {
         if (this.hasPrevious) {
           this.transitioning = true;
           this.showLeftSlide(
@@ -410,7 +412,7 @@ export class SlidesComponent implements OnInit, AfterViewInit, OnDestroy {
         return;
       }
       // swiping right to left
-      else if (args.deltaX < -this.pageWidth / 3) {
+      else if (args.deltaX < -this.pageWidth / this.swipeSpeed) {
         if (this.hasNext) {
           this.transitioning = true;
           this.showRightSlide(

package.json

@@ -7,6 +7,9 @@
     "id": "org.nativescript.nativescriptpackagr",
     "tns-ios": {
       "version": "4.2.0"
+    },
+    "tns-android": {
+      "version": "4.2.0"
     }
   },
   "scripts": {
@@ -38,4 +41,4 @@
     "ng-packagr": "^3.0.1",
     "typescript": "~2.7.2"
   }
-}
+}

tsconfig.json

@@ -1,18 +1,32 @@
 {
-  "compilerOptions": {
-    "module": "commonjs",
-    "target": "es5",
-    "experimentalDecorators": true,
-    "emitDecoratorMetadata": true,
-    "noEmitHelpers": true,
-    "noEmitOnError": true,
-    "lib": ["es6", "dom", "es2015.iterable"],
-    "baseUrl": ".",
-    "paths": {
-      "~/*": ["app/*"],
-      "nativescript-ngx-slides": ["./lib/index.ts"],
-      "*": ["./node_modules/tns-core-modules/*", "./node_modules/*"]
-    }
-  },
-  "exclude": ["node_modules", "platforms"]
-}
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es5",
+        "experimentalDecorators": true,
+        "emitDecoratorMetadata": true,
+        "noEmitHelpers": true,
+        "noEmitOnError": true,
+        "lib": [
+            "es6",
+            "dom",
+            "es2015.iterable"
+        ],
+        "baseUrl": ".",
+        "paths": {
+            "~/*": [
+                "app/*"
+            ],
+            "nativescript-ngx-slides": [
+                "./lib/index.ts"
+            ],
+            "*": [
+                "./node_modules/tns-core-modules/*",
+                "./node_modules/*"
+            ]
+        }
+    },
+    "exclude": [
+        "node_modules",
+        "platforms"
+    ]
+}