這里說的占位符，實際就是排版時需要展示的圖片，圖片基于占位符填充，那么處理圖片時，怎么解決占位符（圖片）的上下偏移
在設定占位符屬性時，我通過以下方法來實作它：
+ (NSAttributedString *)wxImageAttributeCoreTextFromPaperQuestion:(WXTKCoretextQSourceImg *)image{ CTRunDelegateCallbacks callbacks; memset(&callbacks, 0, sizeof(CTRunDelegateCallbacks)); callbacks.version = kCTRunDelegateVersion1; callbacks.getAscent = ascentCallbackPaper; callbacks.getDescent = descentCallbackPaper; callbacks.getWidth = widthCallbackPaper; CTRunDelegateRef delegate = CTRunDelegateCreate(&callbacks, (__bridge void *)(image)); // 使用0xFFFC作為空白的占位符 unichar objectReplacementChar = 0xFFFC; NSString * content = [NSString stringWithCharacters:&objectReplacementChar length:1]; NSMutableDictionary * attributes = [self wxAttributesPaperImg:image]; NSMutableAttributedString * space = [[NSMutableAttributedString alloc] initWithString:content attributes:attributes]; CFAttributedStringSetAttribute((CFMutableAttributedStringRef)space, CFRangeMake(0, 1), kCTRunDelegateAttributeName, delegate); CFRelease(delegate); return space; }
上述方法在引入 CTRunDelegateCallbacks 時，提供了控制占位符大小屬性，即：getAscent、getDescent、getWidth
getWidth是占位符所取寬，getAscent與getDescent分別基于基準可上下偏移，一般情況，getDescent會提供回傳0值，而getAscent一般是占位符（圖片）的高度；下面通過設定不同數值，看下字符如何偏移；
向下不偏移，向上提供占位符高度
///占位基準上升度 static CGFloat ascentCallbackPaper(void *ref){ WXTKCoretextQSourceImg *refP = (__bridge WXTKCoretextQSourceImg *)ref; return refP.height; } ///占位基準下降度 static CGFloat descentCallbackPaper(void *ref){ return 0; }
視覺給我感覺默認不向下偏移，圖片比左側字符高一點點
向下偏移5，向上提供占位符高度 - 5
///占位基準上升度 static CGFloat ascentCallbackPaper(void *ref){ WXTKCoretextQSourceImg *refP = (__bridge WXTKCoretextQSourceImg *)ref; return refP.height - 5; } ///占位基準下降度 static CGFloat descentCallbackPaper(void *ref){ return 5; }
向下偏移10，向上提供占位符高度 - 10
///占位基準上升度 static CGFloat ascentCallbackPaper(void *ref){ WXTKCoretextQSourceImg *refP = (__bridge WXTKCoretextQSourceImg *)ref; return refP.height - 10; } ///占位基準下降度 static CGFloat descentCallbackPaper(void *ref){ return 10; }
向下偏移整個占位（圖片）高度，向上提供占位符高度 0
///占位基準上升度 static CGFloat ascentCallbackPaper(void *ref){ WXTKCoretextQSourceImg *refP = (__bridge WXTKCoretextQSourceImg *)ref; return refP.height - refP.height; } ///占位基準下降度 static CGFloat descentCallbackPaper(void *ref){ WXTKCoretextQSourceImg *refP = (__bridge WXTKCoretextQSourceImg *)ref; return refP.height; }
注意有個問題，上述的 getAscent、getDescent值加起來，其實就是圖片的高度，那么如果比高度大或者小的情況下，圖片會被拉伸，或者壓縮
向下偏移小于整個占位（圖片）高度( -10)，向上提供占位符高度 0
///占位基準上升度 static CGFloat ascentCallbackPaper(void *ref){ WXTKCoretextQSourceImg *refP = (__bridge WXTKCoretextQSourceImg *)ref; return refP.height - refP.height; } ///占位基準下降度 static CGFloat descentCallbackPaper(void *ref){ WXTKCoretextQSourceImg *refP = (__bridge WXTKCoretextQSourceImg *)ref; return refP.height - 10; }
總結
上下偏移要處理好圖片的高度值，確保getAscent + getDescent = 占位符（圖片）高度即可
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/534222.html
標籤：其他
上一篇：Android動態權限申請