在兩頁模式下呈現ePub

我正在使用AePubreader示例代碼在我的應用中閱讀ePub。我面臨的問題是章節的最後一頁沒有正確渲染，而且它們離開可見區域。我以下面的方式編輯了AePubreader代碼，在ipad中以兩頁模式轉換。在兩頁模式下呈現ePub

- 在chaper.m文件webViewDiDFinishLoading有以下代碼：

- (void) webViewDidFinishLoad:(UIWebView*)webView{ 
    NSString *varMySheet = @"var mySheet = document.styleSheets[0];"; 


    NSString *addCSSRule = @"function addCSSRule(selector, newRule) {" 
    "if (mySheet.addRule) {" 
     "mySheet.addRule(selector, newRule);"        // For Internet Explorer 
    "} else {" 
     "ruleIndex = mySheet.cssRules.length;" 
     "mySheet.insertRule(selector + '{' + newRule + ';}', ruleIndex);" // For Firefox, Chrome, etc. 
    "}" 
    "}"; 


NSString *insertRule1 = [NSString stringWithFormat:@"addCSSRule('html', 'padding-left: 0px;padding-right: 0px; padding-top: 0px; padding-bottom: 0px; height: %fpx;-webkit-column-count: 2; -webkit-column-gap: 0px; ')", webView.frame.size.height];  

    NSString *insertRule2 = [NSString stringWithFormat:@"addCSSRule('p', 'text-align: justify;')"]; 
    NSString *setTextSizeRule = [NSString stringWithFormat:@"addCSSRule('body', '-webkit-text-size-adjust: %d%%;')",fontPercentSize]; 

    NSString *setImageRule = [NSString stringWithFormat:@"addCSSRule('img', 'max-width: %fpx; height:%fpx;')", webView.frame.size.width-200,webView.frame.size.height-200]; 


    NSString *setFontRule = [NSString stringWithFormat:@"addCSSRule('body', 'font-family: Arial;' , 'font-name: Arial-BoldItalicMT;')"]; 

    [webView stringByEvaluatingJavaScriptFromString:setFontRule]; 
    [webView stringByEvaluatingJavaScriptFromString:setImageRule]; 

    [webView stringByEvaluatingJavaScriptFromString:varMySheet]; 

    [webView stringByEvaluatingJavaScriptFromString:addCSSRule]; 

    [webView stringByEvaluatingJavaScriptFromString:insertRule1]; 

    [webView stringByEvaluatingJavaScriptFromString:insertRule2]; 

    [webView stringByEvaluatingJavaScriptFromString:setTextSizeRule]; 

    float totalWidth = [[webView stringByEvaluatingJavaScriptFromString:@"document.body.scrollWidth"] floatValue]; 
    pageCount = (ceilf)((float)totalWidth/webView.frame.size.width); 

    NSLog(@"Chapter %d: %@ -> %d pages & totalWidth :: %f", chapterIndex, title, pageCount,totalWidth); 

    [webView dealloc]; 
    [delegate chapterDidFinishLoad:self]; 

}

在EpubViewController.m webViewDidFinishLoading如下： -

- (void)webViewDidFinishLoad:(UIWebView *)theWebView{ 

    NSString *varMySheet = @"var mySheet = document.styleSheets[0];"; 

    NSString *addCSSRule = @"function addCSSRule(selector, newRule) {" 
    "if (mySheet.addRule) {" 
    "mySheet.addRule(selector, newRule);"        // For Internet Explorer 
    "} else {" 
    "ruleIndex = mySheet.cssRules.length;" 
    "mySheet.insertRule(selector + '{' + newRule + ';}', ruleIndex);" // For Firefox, Chrome, etc. 
    "}" 
    "}"; 



NSString *insertRule1 = [NSString stringWithFormat:@"addCSSRule('html', 'padding-left: 0px;padding-right: 0px; padding-top: 0px; padding-bottom: 0px; height: %fpx;-webkit-column-count: 2; -webkit-column-gap: 0px; ')", webView.frame.size.height];  


    NSString *insertRule2 = [NSString stringWithFormat:@"addCSSRule('p', 'text-align: justify;')"]; 
    NSString *setTextSizeRule = [NSString stringWithFormat:@"addCSSRule('body', '-webkit-text-size-adjust: %d%%;')", currentTextSize]; 
    NSString *setHighlightColorRule = [NSString stringWithFormat:@"addCSSRule('highlight', 'background-color: yellow;')"]; 

    NSString *setImageRule = [NSString stringWithFormat:@"addCSSRule('img', 'max-width: %fpx; height:%fpx;')", (webView.frame.size.width/2)-200,webView.frame.size.height-150]; 

    NSString *setFontRule = [NSString stringWithFormat:@"addCSSRule('body', 'font-family: Arial;' , 'font-name: Arial-BoldItalicMT;')"]; 

    [webView stringByEvaluatingJavaScriptFromString:setFontRule]; 

    [webView stringByEvaluatingJavaScriptFromString:setImageRule]; 

    [webView stringByEvaluatingJavaScriptFromString:varMySheet]; 

    [webView stringByEvaluatingJavaScriptFromString:addCSSRule]; 

    [webView stringByEvaluatingJavaScriptFromString:insertRule1]; 

    [webView stringByEvaluatingJavaScriptFromString:insertRule2]; 

    [webView stringByEvaluatingJavaScriptFromString:setTextSizeRule]; 

    [webView stringByEvaluatingJavaScriptFromString:setHighlightColorRule]; 

    if(currentSearchResult!=nil){ 
    // NSLog(@"Highlighting %@", currentSearchResult.originatingQuery); 
     [webView highlightAllOccurencesOfString:currentSearchResult.originatingQuery]; 
    } 

// int totalWidth = [[webView stringByEvaluatingJavaScriptFromString:@"document.documentElement.scrollWidth"] intValue]; 

// NSLog(@">>>>>>>>>>>>>>>>>>>>>>>total width is %d",totalWidth); 
// CGFloat moduloResult = (float)(totalWidth/((int)webView.bounds.size.width % 2)); 

    //NSLog(@"moduloresult is %f",moduloResult); 

// pagesInCurrentSpineCount = (round)((float)totalWidth/(webView.frame.size.width)); 
    float pageCountofChapter = [[loadedEpub.spineArray objectAtIndex:currentSpineIndex] pageCount]; 
    pagesInCurrentSpineCount =(ceilf)(pageCountofChapter/2.0); 

    UIScrollView* sv = nil; 
    for (UIView* v in webView.subviews) { 
     if([v isKindOfClass:[UIScrollView class]]) 
     { 
      sv = (UIScrollView*) v; 
      sv.contentSize = CGSizeMake(pagesInCurrentSpineCount*1024, sv.contentSize.height); 
     } 
    } 

// NSLog(@"TotalWidth :: %d && pagesInCurrentSpineCount :: %d && currentPageInSpineIndex :: %d",totalWidth,pagesInCurrentSpineCount,currentPageInSpineIndex); 

    [self gotoPageInCurrentSpine:currentPageInSpineIndex]; 
}

我已經注意到，當計算出的頁面中奇數本章的最後一頁沒有正確渲染？另外，有沒有其他可用的庫提供兩種頁面模式支持來準確呈現epub？

來源

2012-08-06 Javal Nanda

@dineshprasanna在您的項目中做了以下更改。

在chapter.m文件

- (void) webViewDidFinishLoad:(UIWebView*)webView{ 
    NSString *varMySheet = @"var mySheet = document.styleSheets[0];"; 


    NSString *addCSSRule = @"function addCSSRule(selector, newRule) {" 
    "if (mySheet.addRule) {" 
     "mySheet.addRule(selector, newRule);"        // For Internet Explorer 
    "} else {" 
     "ruleIndex = mySheet.cssRules.length;" 
     "mySheet.insertRule(selector + '{' + newRule + ';}', ruleIndex);" // For Firefox, Chrome, etc. 
    "}" 
    "}"; 

// NSLog(@"w:%f h:%f", webView.bounds.size.width, webView.bounds.size.height); 



    NSString *insertRule1 = [NSString stringWithFormat:@"addCSSRule('html', 'padding-left: 50px;padding-right: 50px; padding-top: 50px; padding-bottom: 50px; -webkit-column-gap: 100px;height: %fpx; -webkit-column-width : %fpx')", webView.frame.size.height-100,webView.frame.size.width/2-200];  

    NSString *insertRule2 = [NSString stringWithFormat:@"addCSSRule('p', 'text-align: justify;')"]; 
    NSString *setTextSizeRule = [NSString stringWithFormat:@"addCSSRule('body', '-webkit-text-size-adjust: %d%%;')",fontPercentSize]; 

// NSString *setImageRule = [NSString stringWithFormat:@"addCSSRule('img', 'max-width: %fpx; height:auto;')", webView.frame.size.width *0.75]; 
    NSString *setImageRule = [NSString stringWithFormat:@"addCSSRule('img', 'max-width: %fpx; height:%fpx;')", webView.frame.size.width/2-200,webView.frame.size.height-200]; 


    NSString *setFontRule = [NSString stringWithFormat:@"addCSSRule('body', 'font-family: Arial;' , 'font-name: Arial-BoldItalicMT;')"]; 

    [webView stringByEvaluatingJavaScriptFromString:setFontRule]; 
    [webView stringByEvaluatingJavaScriptFromString:setImageRule]; 

    [webView stringByEvaluatingJavaScriptFromString:varMySheet]; 

    [webView stringByEvaluatingJavaScriptFromString:addCSSRule]; 

    [webView stringByEvaluatingJavaScriptFromString:insertRule1]; 

    [webView stringByEvaluatingJavaScriptFromString:insertRule2]; 

    [webView stringByEvaluatingJavaScriptFromString:setTextSizeRule]; 

    int totalWidth = [[webView stringByEvaluatingJavaScriptFromString:@"document.documentElement.scrollWidth"] floatValue]; 
    pageCount = (ceilf)((float)totalWidth/webView.frame.size.width); 

    if (totalWidth % (int)webView.frame.size.width != 0) 
    { 
     UIScrollView *scrollV = [self getScrollViewFromWebView:webView]; 
     scrollV.contentSize = CGSizeMake(pageCount*(webView.frame.size.width), webView.scrollView.contentSize.height); 

    } 


    NSLog(@"Chapter %d: %@ -> %d pages & totalWidth :: %d", chapterIndex, title, pageCount,totalWidth); 

    [activityIndicator removeFromSuperview]; 
    [activityIndicator stopAnimating]; 
    [webView dealloc]; 


    [delegate chapterDidFinishLoad:self]; 

}

在epubviewcontroller文件： -

- (void)webViewDidFinishLoad:(UIWebView *)theWebView{ 

    NSString *varMySheet = @"var mySheet = document.styleSheets[0];"; 

    NSString *addCSSRule = @"function addCSSRule(selector, newRule) {" 
    "if (mySheet.addRule) {" 
    "mySheet.addRule(selector, newRule);"        // For Internet Explorer 
    "} else {" 
    "ruleIndex = mySheet.cssRules.length;" 
    "mySheet.insertRule(selector + '{' + newRule + ';}', ruleIndex);" // For Firefox, Chrome, etc. 
    "}" 
    "}"; 



// NSString *insertRule1 = [NSString stringWithFormat:@"addCSSRule('html', 'PADDING-LEFT: 25px; padding-top: 100px; padding-right: 25px; height: %fpx; -webkit-column-gap: 50px; -webkit-column-width:%fpx;')", webView.frame.size.height-200, (webView.frame.size.width/2-100) ]; 

    NSString *insertRule1 = [NSString stringWithFormat:@"addCSSRule('html', 'padding-left: 50px;padding-right: 50px; padding-top: 50px; padding-bottom: 50px; -webkit-column-gap: 100px;height: %fpx; -webkit-column-width : %fpx')", webView.frame.size.height-100,webView.frame.size.width/2-200];  


    NSString *insertRule2 = [NSString stringWithFormat:@"addCSSRule('p', 'text-align: justify;')"]; 
    NSString *setTextSizeRule = [NSString stringWithFormat:@"addCSSRule('body', '-webkit-text-size-adjust: %d%%;')", currentTextSize]; 
    NSString *setHighlightColorRule = [NSString stringWithFormat:@"addCSSRule('highlight', 'background-color: yellow;')"]; 

    NSString *setImageRule = [NSString stringWithFormat:@"addCSSRule('img', 'max-width: %fpx; height:%fpx;')", (webView.frame.size.width/2)-200,webView.frame.size.height-200]; 

    NSString *setFontRule = [NSString stringWithFormat:@"addCSSRule('body', 'font-family: Arial;' , 'font-name: Arial-BoldItalicMT;')"]; 

    [webView stringByEvaluatingJavaScriptFromString:setFontRule]; 

    [webView stringByEvaluatingJavaScriptFromString:setImageRule]; 

    [webView stringByEvaluatingJavaScriptFromString:varMySheet]; 

    [webView stringByEvaluatingJavaScriptFromString:addCSSRule]; 

    [webView stringByEvaluatingJavaScriptFromString:insertRule1]; 

    [webView stringByEvaluatingJavaScriptFromString:insertRule2]; 

    [webView stringByEvaluatingJavaScriptFromString:setTextSizeRule]; 

    [webView stringByEvaluatingJavaScriptFromString:setHighlightColorRule]; 

    if(currentSearchResult!=nil){ 
    // NSLog(@"Highlighting %@", currentSearchResult.originatingQuery); 
     [webView highlightAllOccurencesOfString:currentSearchResult.originatingQuery]; 
    } 


    float pageCountofChapter = [[loadedEpub.spineArray objectAtIndex:currentSpineIndex] pageCount]; 
    pagesInCurrentSpineCount =pageCountofChapter; 

    int totalWidth = [[webView stringByEvaluatingJavaScriptFromString:@"document.documentElement.scrollWidth"] floatValue]; 

    if (totalWidth % (int)webView.frame.size.width != 0) 
    { 
     UIScrollView *scrollV = [self getScrollViewFromWebView:webView]; 
     scrollV.contentSize = CGSizeMake(pagesInCurrentSpineCount*(webView.frame.size.width), webView.scrollView.contentSize.height); 

    } 

    [self gotoPageInCurrentSpine:currentPageInSpineIndex]; 
}

希望這會幫助你。按照您的要求排列填充和邊距。

來源

2012-08-16 10:11:12

謝謝先生，但最新的行動執行此方法UIScrollView * scrollV = [ self getScrollViewFromWebView：webView]; – dineshprasanna 2012-09-05 01:30:48

我已經改變了邏輯，爲webview的滾動視圖提供了列號和託管內容，當它不在頁面寬度的倍數。感謝您的時間

來源

2012-08-06 13:24:40

嗨，在這裏我也使用Aepubreader，我也totalyy困惑的景觀模式你能幫助我，我怎麼能實現景觀模式 – dineshprasanna 2012-08-14 01:40:13

在兩頁模式下呈現ePub

回答

相關問題