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.

  • Android + Sencha Tocar la entrada de texto duplicada y difícil de enfocar
  • Sencha Touch 2.X Solución para teléfonos HTC One
  • La aplicación se bloqueó cuando cambió la orientación
  • Sencha touch messagebox unclickable
  • Confusión entre sencha touch 2 y Phonegap
  • Javascript + phoneGap - cómo detectar cuándo en una llamada de teléfono activa
  • ¿Cómo mejorar el rendimiento de la aplicación con un mapa de Google en el construido con sencha touch y phoneGap?
  • ¿Cuál es el mejor marco de desarrollo de aplicaciones web móvil
  • Recursos y Frameworks para el desarrollo móvil (iphone, android) usando HTML5
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.