Я пытаюсь понять, как это сделать.
ПРИМЕЧАНИЕ: я не опытный разработчик объективных программ (поэтому я в первую очередь использую PhoneGap)
Короче говоря : Мой UIWebView (нет, не PhoneGap, который отображает веб-приложение, а второй UIWebView, созданный в памяти и не видимый), не отображается в PDF.Я просто получаю пустой PDF.Я опубликую некоторые из моих мыслей и кода, и, надеюсь, кто-то узнает, что я делаю не так.
Я начну с того, что здесь уже есть плагин для печати PhoneGap:
https://github.com/phonegap/phonegap-plugins/tree/master/iPhone/PrintPlugin
Этот плагин создает UIWebView на лету, передает ему некоторый HTML-код через JavaScript, а затем вызывает некоторый контроллер печати для печати.
Поэтому я позаимствовал некоторые идеи из этого.Затем я обратил внимание на этот замечательный пост в блоге о создании PDF
http://www.ioslearner.com/convert-html-uiwebview-pdf-iphone-ipad/
Так что я пытаюсь объединить их в свой собственный плагин PhoneGap для получения некоторого HTML (из моего веб-приложения) и генерацииPDF-файл на лету.
HEADER:
#import <Foundation/Foundation.h>
#import <QuartzCore/QuartzCore.h>
#ifdef PHONEGAP_FRAMEWORK
#import <PhoneGap/PGPlugin.h>
#else
#import "PGPlugin.h"
#endif
@interface ExportPlugin : PGPlugin <UIWebViewDelegate> {
NSString* exportHTML;
}
@property (nonatomic, copy) NSString* exportHTML;
//This gets called from my HTML5 app (Javascript):
- (void) exportPdf:(NSMutableArray*)arguments withDict:(NSMutableDictionary*)options;
@end
MAIN:
#import "ExportPlugin.h"
@interface ExportPlugin (Private)
-(void) doExport;
-(void) drawPdf;
@end
@implementation ExportPlugin
@synthesize exportHTML;
- (void) exportPdf:(NSMutableArray*)arguments withDict:(NSMutableDictionary*)options{
NSUInteger argc = [arguments count];
if (argc < 1) {
return;
}
self.exportHTML = [arguments objectAtIndex:0];
[self doExport];
}
int imageName = 0;
double webViewHeight = 0.0;
- (void) doExport{
//Set the base URL to be the www directory.
NSString *dbFilePath = [[NSBundle mainBundle] pathForResource:@"www" ofType:nil ];
NSURL *baseURL = [NSURL fileURLWithPath:dbFilePath];
//Load custom html into a webview
UIWebView *webViewExport = [[UIWebView alloc] init];
webViewExport.delegate = self;
//[webViewExport loadHTMLString:exportHTML baseURL:baseURL];
[webViewExport loadHTMLString:@"<html><body><h1>testing</h1></body></html>" baseURL:baseURL];
}
- (BOOL)webView:(UIWebView *)theWebView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
{
return YES;
}
- (void)webViewDidFinishLoad:(UIWebView *)webViewExport
{
webViewHeight = [[webViewExport stringByEvaluatingJavaScriptFromString:@"document.body.scrollHeight;"] integerValue];
CGRect screenRect = webViewExport.frame;
//WHY DO I HAVE TO SET THE SIZE? OTHERWISE IT IS 0
screenRect.size.width = 768;
screenRect.size.height = 1024;
double currentWebViewHeight = webViewHeight;
while (currentWebViewHeight > 0)
{
imageName ++;
UIGraphicsBeginImageContext(screenRect.size);
CGContextRef ctx = UIGraphicsGetCurrentContext();
//[[UIColor blackColor] set];
//CGContextFillRect(ctx, screenRect);
[webViewExport.layer renderInContext:ctx];
UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
NSArray *paths = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES);
NSString *documentsDirectory = [paths objectAtIndex:0];
NSString *pngPath = [documentsDirectory stringByAppendingPathComponent:[NSString stringWithFormat:@"%d.png",imageName]];
if(currentWebViewHeight < 960)
{
CGRect lastImageRect = CGRectMake(0, 960 - currentWebViewHeight, webViewExport.frame.size.width, currentWebViewHeight);
CGImageRef imageRef = CGImageCreateWithImageInRect([newImage CGImage], lastImageRect);
newImage = [UIImage imageWithCGImage:imageRef];
CGImageRelease(imageRef);
}
[UIImagePNGRepresentation(newImage) writeToFile:pngPath atomically:YES];
[webViewExport stringByEvaluatingJavaScriptFromString:@"window.scrollBy(0,960);"];
currentWebViewHeight -= 960;
}
[self drawPdf];
}
- (void) drawPdf
{
CGSize pageSize = CGSizeMake(612, webViewHeight);
NSString *fileName = @"Demo.pdf";
NSArray *paths = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES);
NSString *documentsDirectory = [paths objectAtIndex:0];
NSString *pdfFileName = [documentsDirectory stringByAppendingPathComponent:fileName];
UIGraphicsBeginPDFContextToFile(pdfFileName, CGRectZero, nil);
// Mark the beginning of a new page.
UIGraphicsBeginPDFPageWithInfo(CGRectMake(0, 0, pageSize.width, pageSize.height), nil);
double currentHeight = 0.0;
for (int index = 1; index <= imageName ; index++)
{
NSString *pngPath = [documentsDirectory stringByAppendingPathComponent:[NSString stringWithFormat:@"%d.png", index]];
UIImage *pngImage = [UIImage imageWithContentsOfFile:pngPath];
[pngImage drawInRect:CGRectMake(0, currentHeight, pageSize.width, pngImage.size.height)];
currentHeight += pngImage.size.height;
}
UIGraphicsEndPDFContext();
}
@end
Первое указание, что-то не так, выше, я должен установитьразмер UIWebView.frame:
screenRect.size.width = 768;
screenRect.size.height = 1024;
Но почему?PhoneGap PrintPlugin не должен делать это.Если я не установлю его, размер будет 0, а затем я получаю много контекстных ошибок.
И тогда следующая проблема заключается в том, что UIWebView ничего не рендерит.Возможно, симптом первой проблемы?
Как мне отладить эту проблему и выяснить, в чем проблема?
ОБНОВЛЕНИЕ
Я почти уверен, что может быть невозможно отобразить слой UIWebView в контекст изображения, если только этот UIWebView фактически не виден.
Я не уверен, как тогда работает PhoneGap PrintPlugin.Похоже, что это делает его UIWebView вполне нормальным, так как его не видно.
В настоящее время я экспериментирую с рендерингом реального PhoneGap UIWebView в PDF (в отличие от моего собственного UIWebView).Но это не идеально.
Это означает, что мне нужно скрыть все панели инструментов и еще много чего, а затем панорамировать UIWebView вокруг, чтобы я захватывал все, что находится вне области просмотра.Это не идеально, потому что пользователь визуально увидит это!
Точка 1 выше, похоже, не работает в любом случае, потому что iPad слишком медленно обновляет экран при динамическом переключении срасположение.На iPad, если вы делаете визуальные вещи очень быстро (например, панорамирование экрана), iPad слишком медленный и просто не показывает его.В итоге вы видите только конечное состояние.Поэтому, когда я делаю скриншоты, экран визуально не панорамируется (даже если DOM говорит, что это так).(Надеюсь, что это имеет смысл).
Ах, расстраивает.