Incorporar el visor de PDF para la aplicación PhoneGap

¿Cómo puedo insertar un visor de PDF para una aplicación de separación telefónica? He decidido utilizar PhoneGap + Sencha Touch para desarrollar una aplicación para iOS y Android.

No hay mucha documentación para mezclar PhoneGap y ObjC, pero aquí hay un ejemplo de cod e que le permite incrustar PhoneGap con una aplicación ObjectiveC. Para el visor de PDF, puede utilizar los básicos como QuickLook de Apple o UIWebView, o más avanzados como PSPDFKit.

Para Android, podría simplemente buscar un Intent que sea capaz de mostrar el pdf (como el lector oficial de Adobe para Android) o integrar un visor de PDF completo. Hay un proyecto de código abierto para eso , pero no parece completo. O echa un vistazo a apv , o droidreader , que es GPLv3.

Sólo tengo la experiencia del teléfono móvil iOS. La solución que ha funcionado para mí es hacer un complemento que aparece una webview nativa que utiliza visor de pdf nativo de iOS. La forma de conseguir que esto funcione es seguir las instrucciones de este sitio web.

http://spin.atomicobject.com/2010/12/07/updating-phonegap-s-childbrowser-plugin-to-handle-local-files/

Este enlace modifica un plugin existente, "Child Browser" para usar el pdf nativo de visualización webview. El plugin chilbrowser original se puede encontrar aquí .

Para darle más de una idea de lo que será, aquí está mi llamada javascript particular que puse en mi aplicación sencha.

PhoneGap.exec("ChildBrowserCommand.showFilePage", GlobalVar.localRoot + "/" + record.get("FilePath")); 

Esto está dentro del manejador para el buttonTap dentro del sencha, presionando el botón entonces llamará el método del objetivo C "showFilePage". El parámetro es el path de archivo que usará el complemento.

Aquí está la parte del objetivo C (otra vez, usted debe seguir los acoplamientos para las instrucciones completas)

  - (void) showFilePage:(NSMutableArray*)arguments withDict:(NSMutableDictionary*)options // args: url { NSLog(@"showFilePage entered: "); if(childBrowser == NULL) { childBrowser = [[ ChildBrowserViewController alloc ] initWithScale:FALSE ]; childBrowser.delegate = self; } PhoneGapViewController* cont = (PhoneGapViewController*)[ super appViewController ]; childBrowser.supportedOrientations = cont.supportedOrientations; [ cont presentModalViewController:childBrowser animated:YES ]; NSString *path = (NSString*) [arguments objectAtIndex:0]; NSLog(@"Our argument 0 is: %@",[arguments objectAtIndex:0]); NSLog(@"The url is: %@",path); [childBrowser loadFileURL:path]; } 

Hola sólo uso HTML5 etiqueta de objeto, puede agregar, swf, pdf, etc.

  • Sencha touch messagebox unclickable
  • Cómo ejecutar Sencha Touch Application en Eclipse
  • ¿Cómo utilizar el archivo de tipo de entrada en el teléfono?
  • La aplicación se bloqueó cuando cambió la orientación
  • Error de seguridad con iframe
  • cordova notificación local sonido no funciona en ios y andorid
  • Javascript + phoneGap - cómo detectar cuándo en una llamada de teléfono activa
  • Validación de Token GCM
  • El teclado androide no aparece en el enfoque de llamada en el campo de texto sencha
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.