zoukankan      html  css  js  c++  java
  • iOS 计算字符串显示宽高度

    ObjC(Category of NSString):

    - (CGSize)getSizeWithFont:(UIFont *)font constrainedToSize:(CGSize)size{
        CGSize resultSize = CGSizeZero;
        if (self.length <= 0) {
            return resultSize;
        }
        NSMutableParagraphStyle *style = [NSMutableParagraphStyle new];
        style.lineBreakMode = NSLineBreakByWordWrapping;
        resultSize = [self boundingRectWithSize:CGSizeMake(floor(size.width), floor(size.height))//用相对小的 width 去计算 height / 小 heigth 算 width
                                        options:(NSStringDrawingUsesFontLeading | NSStringDrawingUsesLineFragmentOrigin)
                                     attributes:@{NSFontAttributeName: font,
                                                  NSParagraphStyleAttributeName: style}
                                        context:nil].size;
        resultSize = CGSizeMake(floor(resultSize.width + 1), floor(resultSize.height + 1));//上面用的小 width(height) 来计算了,这里要 +1
        return resultSize;
    }

    Swift(Extension of NSString):

        func getSizeWithFont(_ font:UIFont,constrainedToSize size:CGSize) -> CGSize{
            
            if self.length == 0 { return CGSize.zero }
            
            let style = NSMutableParagraphStyle.init()
            style.lineBreakMode = .byWordWrapping
            
            let options = NSStringDrawingOptions.usesFontLeading.union(.usesLineFragmentOrigin)
            let attributes = [NSFontAttributeName:font,NSParagraphStyleAttributeName:style]
            let bound = CGSize.init( floor(size.width), height: floor(size.height))
            
            let rect = self.boundingRect(with: bound, options: options, attributes: attributes, context: nil)
            let _size = CGSize.init( floor(rect.width + 1), height: floor(rect.height + 1))
            
            return _size
        }
    

      

  • 相关阅读:
    less-循环写法
    利用IntersectionObserver完成懒加载、加载更多
    通过is切换组件
    css3-背景渐变
    css-六边形、平行四边形、扇形实现
    vue-利用递归组件完成一个树形组件
    event loop 事件循环
    vue-组件间通信
    video 背景图平铺
    JS 事件委托
  • 原文地址:https://www.cnblogs.com/ficow/p/6418890.html
Copyright © 2011-2022 走看看