iOS 加载PDF/Word/txt/ QuickLook/QLPreviewcontroller

记录一个心碎的历程,公司项目要求查看pdf合同文件,(合同)这里划重点。暂行方案,就是将pdf下载到本地,然后写入沙盒缓存,加载pdf本地文件。这是前提和方式。

当然我想,如果只是下载加载pdf,那网上基本一大片都是解决方案,code4app上一大堆demo,但是,重点来了,合同上是有电子签章的,网上下载的demo基本都显示不了电子签章。

电子签章如下:  






当然还有圆公章的电子版,还得打码懒得传了。

第一阶段,我们采用webview加载pdf,当然也不是直接用UIWebView,使用WKWebView+js注入,反正网上一搜一大堆,直接上代码。(可以显示电子签章)

WKWebViewConfiguration*config = [[WKWebViewConfigurationalloc]init];

WKUserContentController* wkUController = [[WKUserContentControlleralloc]init];

config.userContentController= wkUController;

// 注入JS对象名称AppModel,当JS通过AppModel来调用时,

// 我们可以在WKScriptMessageHandler代理中接收到

[config.userContentControlleraddScriptMessageHandler:selfname:@"AppModel"];

NSString*js =@"var meta = document.createElement('meta'); meta.setAttribute('name', 'viewport'); meta.setAttribute('content', 'width=device-width'); document.getElementsByTagName('head')[0].appendChild(meta);";

WKUserScript*wkUserScript = [[WKUserScriptalloc]initWithSource:js

injectionTime:WKUserScriptInjectionTimeAtDocumentEnd

forMainFrameOnly:YES];

// 添加自适应屏幕宽度js调用的方法

[wkUControlleraddUserScript:wkUserScript];

WKWebView*webView = [[WKWebViewalloc]initWithFrame:CGRectMake(0,0,kScreenW,kScreenH-64)

configuration:config];

webView.backgroundColor= [UIColorwhiteColor];

webView.UIDelegate=self;

webView.navigationDelegate=self;

[self.viewaddSubview:webView];

_webView= webView;

第二阶段,使用webview加载,虽然手势放大缩小,都没有问题,但是放大后很模糊,达不到pdf给人的清晰感觉,文件确实是清晰的。查了很多demo,发现用coreImage重绘弄的很大神,而且封装的很方便,代表作品是star很多的 vrf/reader 。支持分页,标记选择等等,很多功能,缺点就是不显示电子签章(pass),优点是可修改性强,代码修修改改可以做成自己需要的样子。

第三阶段,查看到了OC自带的系统加载文件控制器,UIDocumentInteractionController和QLPreviewController,逐个说吧,基本使用差不多,但是UIDocumentInteractionController基于NSObject,QLPreviewController是真正的控制器,第二个可以继承,重写子类。

1.UIDocumentInteractionController

UIDocumentInteractionController*documentVc = [UIDocumentInteractionControllerinteractionControllerWithURL:url];

documentVc.delegate=self;

[documentVcpresentPreviewAnimated:YES];

实现代理方法

#pragma mark - UIDocumentInteractionController 代理方法

- (UIViewController *)documentInteractionControllerViewControllerForPreview:(UIDocumentInteractionController *)controller{

returnself;

}

- (UIView *)documentInteractionControllerViewForPreview:(UIDocumentInteractionController *)controller{

returnself.view;

}

- (CGRect)documentInteractionControllerRectForPreview:(UIDocumentInteractionController *)controller{

returnself.view.bounds;

}

实现效果很好,清晰度,手势识别,但是上面自带导航栏,而且是系统的很丑的导航,首先不能隐藏,隐藏没法自定义,总之不好用。

2.QLPreviewController这是个系统控制器,可继承实现子类

MINPDFViewController*preview = [[MINPDFViewControlleralloc]init];

UINavigationController*nav = [[UINavigationControlleralloc]initWithRootViewController:preview];

preview.url=self.mUrl;

[self.navigationControllerpresentViewController:navanimated:YEScompletion:nil];

注意到包裹了一层nav,如果直接present这个子类,那恭喜你,和doc控制器一样,里面不可更改导航栏的东西,具体可以实践操作一样,

在继承控制器实现类里。

UILabel*titleView = [[UILabelalloc]initWithFrame:CGRectMake(0,0,36,20)];

titleView.font= [UIFontsystemFontOfSize:18];

titleView.text=@"预览";

self.navigationItem.titleView= titleView;

UIButton*backButton = [UIButtonbuttonWithType:UIButtonTypeCustom];

[backButtonsetImage:[UIImageimageNamed:@"btnBack_black"]forState:UIControlStateNormal];

self.navigationItem.leftBarButtonItem= [[UIBarButtonItemalloc]initWithCustomView:backButton];

self.delegate=self;

self.dataSource=self;

不出意外,修改了返回键和titleview,(代码是精简的)。但是iOS11下,在右侧rightBarButtonItem 有个系统分享打开的按钮。尝试替换,不行,设置为nil不行,最后在stackoverflow一个大神回复的一句话找到了解决办法 在viewdidload中定义一个timer

[NSTimerscheduledTimerWithTimeInterval:0.01

target:self

selector:@selector(hideRightButton)

userInfo:nil

repeats:YES];

实现方法:

- (void)hideRightButton{

[[selfnavigationItem]setRightBarButtonItem:nilanimated:NO];

}实测隐藏有效,感觉像是view加载完成前,系统保护控制器不受修改,完成后才可以隐藏,但是使用延时方法隐藏无效。

一切看上去都那么美好,直到上了真机,在iOS11下,刚进来是好的,下拉,有一块空白,大约64,看过wwdc的应该知道那个任性的sb说过这个问题,如果是tableview scrollerview 可以通过属性关闭这个特性

if(@available(iOS11.0, *)) {

_tableView.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentNever;

}else{

self.automaticallyAdjustsScrollViewInsets=NO;

}

我找了无数方法,还是遍历不出,系统QLPre控制器的 scrollerview,知道这个属性也没用,一切进入了死角,还是stackoverflow 用蹩脚英语查了下解决办法,有人用viewcontroller的view添加 precontroller的view,实验了下确实可行,但是百度上查的办法并不行。试试这个。

QLPreviewController* previewer = [[QLPreviewControlleralloc]init];

previewer.dataSource=self;

previewer.delegate=self;

CGFloatwidth =self.view.frame.size.width;

CGFloatheight =self.view.frame.size.height;

previewer.view.frame=CGRectMake(0,64, width, height-64);

[self.viewaddSubview:previewer.view];

NSString*version = [UIDevicecurrentDevice].systemVersion;

if(version.floatValue>=10.0) {

[selfaddChildViewController:previewer];

}else{

[previewerdidMoveToParentViewController:self];

}

代理实现还是一样的

- (NSInteger)numberOfPreviewItemsInPreviewController:(QLPreviewController*)controller {

return1;

}

- (id)previewController:(QLPreviewController*)controller previewItemAtIndex:(NSInteger)index {

returnself.url;

}

这样还有个好处,就是导航栏变成了之前push进当前控制器的导航栏,没有系统控件,因为你只加载了view,解决之前自定义问题,同时解决了下掉64的问题。

但是,没错,但是又来了,在iOS9下,还是不显示签章,这是系统问题,查了好多资料,不过根据向下兼容两版本的原则,我们暂行,10 11使用系统控制器加载pdf,清晰大气,缩放手势完整,9及9以下用户,还是用webview加载,并行的方式,其他方法还在继续寻找中,欢迎指正问题,提供解决办法。github链接

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 200,176评论 5 469
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,190评论 2 377
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 147,232评论 0 332
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,953评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,879评论 5 360
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,177评论 1 277
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,626评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,295评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,436评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,365评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,414评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,096评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,685评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,771评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,987评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,438评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,032评论 2 341

推荐阅读更多精彩内容