Vibración con Ionic 3
28 diciembre, 2017 - 1 minute readIonic 3 tiene muchas funcionalidades y en esta ocasión miraremos de como hacer funcionar la opcion de vibracion nativa del telefono. La aplicación de esto para nuestra aplicación puede ser muy variada pero eso dependerá de la finalidad de nuestra app.
Recuerda que si quieres saber como instalar todo lo necesario para programar con Ionic 3 lo puedes consultar en este enlace
|
1 |
ionic start vibration blank |
Una vez creado el proyecto entramos en la carpeta y ejecutamos los siguientes comandos
|
1 2 |
ionic cordova plugin add cordova-plugin-vibration --save npm install --save @ionic-native/vibration |
Ahora tenemos que agregarlo a la lista de proveedores del módulo principal
|
1 2 3 4 5 6 7 8 9 10 11 12 |
/* ... */ import { Vibration } from '@ionic-native/vibration'; /* ... */ providers: [ StatusBar, SplashScreen, Vibration, {provide: ErrorHandler, useClass: IonicErrorHandler} ] }) export class AppModule {} |
|
1 2 3 4 5 6 7 8 9 10 11 12 |
import { Vibration } from '@ionic-native/vibration'; /* ... */ @Component({ selector: 'page-home', templateUrl: 'home.html' }) export class HomePage { constructor(public navCtrl: NavController , private vibration :Vibration) { } vibrate(){ this.vibration.vibrate([1000 , 500 , 2000]); } /* ... */ |
Los parametros de vibrate en este caso corresponde para hacer vibrar el telefono 1 segundo hacer una pausa de medio segundo y luego volver ha hacer vibrar el telefono 2 segundos.
|
1 2 3 4 5 6 7 8 |
<ion-header> <ion-navbar> <ion-title>Vibration example demo </ion-title> </ion-navbar> </ion-header> <ion-content padding> <button ion-button (click)="vibrate()">Vibrar </button> </ion-content> |
|
1 2 |
ionic cordova platform add android ionic cordova run android |
0 Comments