Incrustar visor de PDF para la aplicación PhoneGap

Question

¿Cómo puedo incrustar un visor de PDF para una aplicación de teléfono? Decidí usar PhoneGap + Sencha Touch para desarrollar una aplicación para iOS y Android.

Answer 1

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

Para Android, puede simply search for an Intent that is capable of displaying pdf (como el lector oficial de Adobe para Android) o integrar un visor de PDF completo usted mismo. There's an open source project for that, pero parece que no está completo. O consulte apv, o droidreader, que es GPLv3.

Answer 2

Solo tengo experiencia con el teléfono iOS. La solución que me ha funcionado es crear un complemento que muestre una vista web nativa que utiliza el visor de PDF nativo de iOS. La forma de hacer que esto funcione es seguir las instrucciones en 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, "navegador Niño", para usar los nativos de visualización vistaweb pdf de. El plugin chilbrowser original se puede encontrar here.

Para darle una idea de cómo será, esta es mi llamada de javascript particular que puse en mi aplicación sencha.

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

Esto es dentro del controlador para el buttonTap dentro del sencha, al pulsar el botón de continuación, llamar al método C objetivo "showFilePage". El parámetro es la ruta de archivo que usará el complemento.

Aquí es la parte Objective C (de nuevo, debe seguir los enlaces para 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]; 

} 

Answer 3

Hola sólo tiene que utilizar etiqueta de objeto HTML 5, se puede añadir, swf, pdf, etc ..