iOS-CoreText的那些事【電子書的那些事】

来源:https://www.cnblogs.com/wangkejia/archive/2018/01/20/8321102.html
-Advertisement-
Play Games

這段時間在搞電子書,把這些天出現的問題歸總下,我還是希望電子書的格式包括返回的數據,可直觀的反應出客戶端想表達的內容;原生的體驗還是比較好的,希望對coretext再深入。 1.判斷點擊的位置是否在某個NSRange範圍內 2.通過CFRange與CTFrameRef獲取要操作(塗色,劃線)的CGR ...


這段時間在搞電子書,把這些天出現的問題歸總下,我還是希望電子書的格式包括返回的數據,可直觀的反應出客戶端想表達的內容;原生的體驗還是比較好的,希望對coretext再深入。

1.判斷點擊的位置是否在某個NSRange範圍內

#pragma mark 判斷點擊的位置是否在 range內
/**
 將點擊的位置轉換成字元串的偏移量,如果沒有找到,則返回-1
 view:view
 point:點擊位置
 frameRef:當前view的frameRef
 */
+ (CFIndex)wkj_touchContentOffsetInView:(UIView *)view
                            point:(CGPoint)point
                           frameRef:(CTFrameRef)frameRef{
    CTFrameRef textFrame = frameRef;
    CFArrayRef lines = CTFrameGetLines(textFrame);
    if (!lines) {
        return -1;
    }
    CFIndex count = CFArrayGetCount(lines);
    
    // 獲得每一行的origin坐標
    CGPoint origins[count];
    CTFrameGetLineOrigins(textFrame, CFRangeMake(0,0), origins);
    
    // 翻轉坐標系
    CGAffineTransform transform =  CGAffineTransformMakeTranslation(0, view.bounds.size.height);
    transform = CGAffineTransformScale(transform, 1.f, -1.f);
    
    CFIndex idx = -1;
    for (int i = 0; i < count; i++) {
        CGPoint linePoint = origins[i];
        CTLineRef line = CFArrayGetValueAtIndex(lines, i);
        // 獲得每一行的CGRect信息
        CGRect flippedRect = [self wkj_getLineBounds:line point:linePoint];
        CGRect rect = CGRectApplyAffineTransform(flippedRect, transform);
        
        if (CGRectContainsPoint(rect, point)) {
            // 將點擊的坐標轉換成相對於當前行的坐標cocoapods
            CGPoint relativePoint = CGPointMake(point.x-CGRectGetMinX(rect),
                                                point.y-CGRectGetMinY(rect));
            // 獲得當前點擊坐標對應的字元串偏移
            idx = CTLineGetStringIndexForPosition(line, relativePoint);
        }
    }
    return idx;
}

+ (CGRect)wkj_getLineBounds:(CTLineRef)line point:(CGPoint)point {
    CGFloat ascent = 0.0f;
    CGFloat descent = 0.0f;
    CGFloat leading = 0.0f;
    CGFloat width = (CGFloat)CTLineGetTypographicBounds(line, &ascent, &descent, &leading);
    CGFloat height = ascent + descent;
    return CGRectMake(point.x, point.y - descent, width, height);
}

/**
 此處判斷
 根據上面返回的字元串的偏移量,對比range是否在點擊的位置
 */
+ (BOOL)wkj_judgeAtIndex:(CFIndex)index range:(NSRange)range {
    if (NSLocationInRange(index, range)) {
        ///點擊處在range內
        return YES;
    }
    return NO;
}

 

 

2.通過CFRange與CTFrameRef獲取要操作(塗色,劃線)的CGRect數組

#pragma mark 通過range獲取rect集合【用於劃線、塗色】
+ (NSArray*)wkj_frameGetFrameOfStringInRange:(CTFrameRef)frameRef range:(CFRange)range{
    CFRange frameRefRange = CTFrameGetStringRange(frameRef);
    range = [self wkj_cfRangeInsection:frameRefRange range:range];
    if ([self wkj_cfRangeEqualToRange:range range:CFRangeZero]) {
        return nil;
    }
    
    NSArray *lines = (NSArray*)CTFrameGetLines(frameRef);
    NSInteger lineCount = [lines count];
    //獲取整個CTFrame的大小
    CGPathRef path = CTFrameGetPath(frameRef);
    CGRect frameRefRect = CGPathGetBoundingBox(path);
    //獲取所有行的起點
    CGPoint *origins = (CGPoint*)malloc(lineCount * sizeof(CGPoint));
    CTFrameGetLineOrigins(frameRef, CFRangeMake(0, 0), origins);
    NSMutableArray *rects = [NSMutableArray array];
    for (CFIndex index = 0; index<lines.count; index++) {
        CTLineRef line = (__bridge CTLineRef)[lines objectAtIndex:index];
        CFRange rangeOfLine = CTLineGetStringRange(line);
        CFRange rangeOfInsection = [self wkj_cfRangeInsection:rangeOfLine range:range];
        if (![self wkj_cfRangeEqualToRange:rangeOfInsection range:CFRangeZero]) {
            CGRect frame = [self wkj_lineGetFrame:line point:origins[index] range:rangeOfInsection];
            frame = CGRectOffset(frame, frameRefRect.origin.x, frameRefRect.origin.y);
            
            [rects addObject:[NSValue valueWithCGRect:frame]];
        }
    }
    free(origins);
    return [rects copy];
}

+ (CGRect)wkj_lineGetFrame:(CTLineRef)line
                     point:(CGPoint)origin
                     range:(CFRange)range{
    CFRange lineRange = CTLineGetStringRange(line);
    range = [self wkj_cfRangeInsection:lineRange range:range];
    CGFloat trailingWhitespaceWidth = CTLineGetTrailingWhitespaceWidth(line);
    if ([self wkj_cfRangeGetEndLocation:range]==[self wkj_cfRangeGetEndLocation:lineRange]&&trailingWhitespaceWidth>0) {
        --range.length;
    }
    CGFloat xStart = CTLineGetOffsetForStringIndex(line, range.location, NULL);
    CGFloat xEnd = CTLineGetOffsetForStringIndex(line, [self wkj_cfRangeGetEndLocation:range]+1, NULL);
    
    CGFloat ascent, descent, leading;
    
    CTLineGetTypographicBounds(line, &ascent, &descent, &leading);
    CGRect selectionRect = CGRectMake(origin.x + xStart,
                                      origin.y - descent,
                                      xEnd - xStart,
                                      ascent + descent + leading);
    
    return selectionRect;
}

+ (CFRange)wkj_cfRangeInsection:(CFRange)range1 range:(CFRange)range2{
    if ([self wkj_cfRangeGreaterThanRange:range1 range:range2]||[self wkj_cfRangeGreaterThanRange:range2 range:range1]) {
        return CFRangeZero;
    }
    CFIndex beginLocation = MAX(range1.location, range2.location);
    CFIndex endLocation = MIN([self wkj_cfRangeGetEndLocation:range1], [self wkj_cfRangeGetEndLocation:range2]);
    
    return [self wkj_cfRangeMakeWithInterval:beginLocation endIndex:endLocation];
}

+ (BOOL)wkj_cfRangeGreaterThanRange:(CFRange)range1 range:(CFRange)range2{
    return range1.location>[self wkj_cfRangeGetEndLocation:range2];
}
+ (CFIndex)wkj_cfRangeGetEndLocation:(CFRange)range{
    return range.location+range.length-1;
}
+ (CFRange)wkj_cfRangeMakeWithInterval:(CFIndex)startIndex endIndex:(CFIndex)endIndex{
    return CFRangeMake(startIndex, endIndex - startIndex + 1);
}
+ (BOOL)wkj_cfRangeEqualToRange:(CFRange)range1 range:(CFRange)range2{
    return range1.location == range2.location&&range1.length==range2.length;
}

 3.塗色劃線

- (void)wkj_drawLineForSelectArea{
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSetFillColorWithColor(context, [[UIColor redColor] colorWithAlphaComponent:0.3].CGColor);
    for (NSValue *rectValue in _arraySelectRect) {
        CGRect rect = [rectValue CGRectValue];
        rect.origin.y -= 2.5;
        ///劃線時可設置高度為1  塗色是可根據字體大小設置
        rect.size.height = 1;
        rect.size.width -= 1.5;
        CGContextFillRect(context, rect);
    }
}

 4.CoreText 分頁

#pragma mark 分頁
/**
 CoreText 分頁
 str: NSAttributedString屬性字元串
 textFrame: 繪製區域
 */

+ (NSArray *)wkj_coreTextPaging:(NSAttributedString *)str textArea:(CGRect)textFrame{
    ///分頁NSAttributedString結果
    // NSMutableArray *arrayPagingStr = [NSMutableArray array];
    ///分頁NSRange結果
    NSMutableArray *arrayPagingRange = [NSMutableArray array];
    
    CFAttributedStringRef cfStrRef = (__bridge CFAttributedStringRef)str;
    CTFramesetterRef framesetterRef = CTFramesetterCreateWithAttributedString(cfStrRef);
    CGPathRef path = CGPathCreateWithRect(textFrame, NULL);
    
    int textPos = 0;
    NSUInteger strLength = [str length];
    while (textPos < strLength)  {
        //設置路徑
        CTFrameRef frame = CTFramesetterCreateFrame(framesetterRef, CFRangeMake(textPos, 0), path, NULL);
        CFRange frameRange = CTFrameGetVisibleStringRange(frame);
        NSRange range = NSMakeRange(frameRange.location, frameRange.length);
        
        [arrayPagingRange addObject:[NSValue valueWithRange:range]];
        // [arrayPagingStr addObject:[str attributedSubstringFromRange:range]];
        //移動
        textPos += frameRange.length;
        CFRelease(frame);
    }
    CGPathRelease(path);
    CFRelease(framesetterRef);
    // return arrayPagingStr;
    return arrayPagingRange;
}

 5.獲取繪製區域的高度

/**
 str:NSAttributedString 內容屬性
 width: 繪製的寬度
 */
+ (CGFloat)coretextContentHeight:(NSAttributedString *)str width:(CGFloat)width{
    //創建CTFramesetterRef
    CTFramesetterRef framesetterRef = CTFramesetterCreateWithAttributedString((CFAttributedStringRef)str);
    // 獲得要繪製的區域高度
    CGSize restrictSize = CGSizeMake(width, CGFLOAT_MAX);
    CGSize coreTextSize = CTFramesetterSuggestFrameSizeWithConstraints(framesetterRef, CFRangeMake(0,0), nil, restrictSize, nil);
   return coreTextSize.height;
}

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 資料庫存放數據的文件,本文稱其為data file。 資料庫的內容在記憶體里是有緩存的,這裡命名為db buffer。某次操作,我們取了資料庫某表格中的數據,這個數據會在記憶體中緩存一些時間。對這個數據的修改在開始時候也只是修改在記憶體中的內容。當db buffer已滿或者遇到其他的情況,這些數據會寫入d ...
  • 2006年google技術人員Fay Chang發佈了一篇文章《Bigtable: A Distributed Storage System for Structured Data》。該文章向世人介紹了一種分散式的資料庫,這種資料庫可以在局部幾台伺服器崩潰的情況下繼續提供高性能的服務。 2007年P ...
  • 在開發項目之前,我們需要做一些準備工作,瞭解iOS擴展——Objective-C開發編程規範是進行開發的必備基礎,學習iOS學習——Xcode9上傳項目到GitHub是我們進行版本控制和代碼管理的選擇之一,明白iOS學習——iOS項目Project 和 Targets配置詳解則更利於我們今天對完整項 ...
  • 一、不自動彈出鍵盤: 帶有EditText控制項的在第一次顯示的時候會自動獲得focus,並彈出鍵盤,如果不想自動彈出鍵盤,有兩種方法: 方法一:在mainfest文件中把對應的activity設置 android:windowSoftInputMode="stateHidden" 或者android ...
  • 0、寫在前面 1、小技巧 UILabel類: 1-1-1)、設置行間距富文本,有省略號要求的,需要再次設置省略(初始化時設置的會失效)。 UITextField類: 1-2-1)、清空按鈕。 UITextView類: 1-3-1)、UITextView只能x軸居中,y軸需要手動調。 UITextFi ...
  • 本文出自:http://blog.csdn.net/harvic880925/article/details/40660137 源碼地址:http://download.csdn.net/detail/harvic880925/8111357 一、概述 EventBus是一款針對Android優化的 ...
  • 1.先在github上創建一個git倉庫。 README文件可以先不加,等代碼上傳到github後再加 這是創建後的樣子 2.打開終端 找到項目文件夾,cd 到所在文件 3. 初始化git git init 4. 添加到git git add . (註意:add後面又有個空格) 5. 添加到臨時倉庫 ...
  • app在運行過程中,需要保存用戶的一些信息。例如登錄狀態、賬戶信息等,安卓提供了多種方式來保存用戶的數據。 1.key-value 保存,通過SharedPreferences實現 SharedPreferences sp = getSharedPreferences("test", Context ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...