iOS之浏览和涂鸦效果的实例演示

来源:爱站网时间:2019-01-24编辑:网友分享
在程序员设计之前可以先整理一下设计概念,随着IOS的功能和接口的不断丰富,整个系统变得越来越复杂,应用程序的功能架构也出现了同样的情况,今天就让爱站技术频道小编带你来了解iOS之浏览和涂鸦效果的实例演示吧!

在程序员设计之前可以先整理一下设计概念,随着IOS的功能和接口的不断丰富,整个系统变得越来越复杂,应用程序的功能架构也出现了同样的情况,今天就让爱站技术频道小编带你来了解iOS之浏览和涂鸦效果的实例演示吧!

浏览PDF的效果
方法一:利用webview

 

复制代码 代码如下:

-(void)loadDocument:(NSString *)documentName inView:(UIWebView *)webView 

    NSString *path = [[NSBundle mainBundle] pathForResource:documentName ofType:nil]; 
    NSURL *url = [NSURL fileURLWithPath:path]; 
    NSURLRequest *request = [NSURLRequest requestWithURL:url]; 
    [webView loadRequest:request]; 

 

 


利:1.实现简单
        2.还是实现简单
弊:1.仅能浏览,拿不到任何回调,safari不会鸟任何人。
        2.固定竖版拖动,想实现翻页动效果就扒瞎

 

2015102894335125.png (424×555)

下面的方法可以解决webview 显示pdf的弊,相对的,要付出一些汗水作为代价了。

方法二:利用CGContextDrawPDFPage

 

复制代码 代码如下:
 

 

CGPDFDocumentRef GetPDFDocumentRef(NSString *filename) 

    CFStringRef path; 
    CFURLRef url; 
    CGPDFDocumentRef document; 
    size_t count; 
     
    path = CFStringCreateWithCString (NULL, [filename UTF8String], kCFStringEncodingUTF8); 
    url = CFURLCreateWithFileSystemPath (NULL, path, kCFURLPOSIXPathStyle, 0); 
     
    CFRelease (path); 
    document = CGPDFDocumentCreateWithURL (url); 
    CFRelease(url); 
    count = CGPDFDocumentGetNumberOfPages (document); 
    if (count == 0) { 
        printf("[%s] needs at least one page!\n", [filename UTF8String]); 
        return NULL;  
    } else { 
        printf("[%ld] pages loaded in this PDF!\n", count); 
    } 
    return document; 

 
void DisplayPDFPage (CGContextRef myContext, size_t pageNumber, NSString *filename) 

    CGPDFDocumentRef document; 
    CGPDFPageRef page; 
     
    document = GetPDFDocumentRef (filename); 
    page = CGPDFDocumentGetPage (document, pageNumber); 
    CGContextDrawPDFPage (myContext, page); 
    CGPDFDocumentRelease (document); 

 


这样显示出来的pdf单页是倒立的,Quartz坐标系和UIView坐标系不一样所致,调整坐标系,使pdf正立:

 

 

复制代码 代码如下:

CGContextRef context = UIGraphicsGetCurrentContext(); 
CGContextTranslateCTM(context, 80, self.frame.size.height-60); 
CGContextScaleCTM(context, 1, -1); 

 

 


配合iOS5强大的UIPageViewController实现翻页浏览

 

 

复制代码 代码如下:

- (PDFViewController *)viewControllerAtIndex:(NSUInteger)index  

    //Return the PDFViewController for the given index. 
    if (([self.pagePDF count] == 0 )|| (index > [self.pagePDF count]) ) { 
        return nil; 
    } 
     
    //Create a new view controller and pass suitable data. 
    PDFViewController *dataViewController = [[PDFViewController alloc]initWithNibName:@"PDFViewController" bundle:nil]; 
    //dataViewController.pdfview = [self.pagePDF objectAtIndex:index]; 
    dataViewController.pdfview = [[PDFView alloc]initWithFrame:self.view.frame atPage:index]; 
    [dataViewController.view addSubview:dataViewController.pdfview]; 
    NSLog(@"index = %d",index); 
    return dataViewController; 

 
- (NSUInteger) indexOfViewController:(PDFViewController *)viewController 

    return [self.pagePDF indexOfObject:viewController.pdfview]; 

 
- (UIViewController *)pageViewController:(UIPageViewController *)pageViewController viewControllerBeforeViewController:(UIViewController *)viewController 

    NSUInteger index = [self indexOfViewController:(PDFViewController *)viewController]; 
    if ((index == 0 ) || (index == NSNotFound)){ 
        return nil; 
    } 
     
    index--; 
    return  [self viewControllerAtIndex:index]; 

 
- (UIViewController *)pageViewController:(UIPageViewController *)pageViewController viewControllerAfterViewController:(UIViewController *)viewController 

    NSUInteger index = [self indexOfViewController:(PDFViewController *)viewController]; 
    if (index == NSNotFound) 
    { 
        return nil; 
    } 
     
    index++; 
     
    if (index == [self.pagePDF count]){ 
        return  nil; 
    } 
     
    return [self viewControllerAtIndex:index]; 

 

 

 

 

 

2015102894406303.png (385×514)

2015102894427910.png (385×512)

涂鸦效果
主要涉及:
1. 多context,分层画画

 

复制代码 代码如下:

- (void)drawLayer:(CALayer *)layer inContext:(CGContextRef)ctx

 

 

 

 

 

2. 触摸事件touches族那些event

 

复制代码 代码如下:

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event
……

 

 

 

 

 

3. 初始化单页view传页码

 

复制代码 代码如下:

- (id)initWithFrame:(CGRect)frame onPage:(NSInteger)page

 

 

 

 

 

4.画轨迹方法

 

复制代码 代码如下:

CG_EXTERN void CGPathMoveToPoint(CGMutablePathRef path,
  const CGAffineTransform *m, CGFloat x, CGFloat y)
CG_EXTERN void CGPathAddLineToPoint(CGMutablePathRef path,
  const CGAffineTransform *m, CGFloat x, CGFloat y)

 

 

 

 

 

2015102894449261.png (383×512)

2015102894506965.png (386×513)

2015102894558662.png (770×575)

2015102894619851.png (770×577)

上文是爱站技术频道小编为大家搜集到的相关介绍,希望对你学习iOS之浏览和涂鸦效果的实例演示有帮助!

上一篇:举例详解iOS开发过程中的沙盒机制与文件

下一篇:禁止iPhone Safari video标签视频自动全屏的实例演示

您可能感兴趣的文章

相关阅读

热门软件源码

最新软件源码下载