在Autolayout下对字体自适应Label的实现

在Autolayout下遇到了这样的情况,比如cell上面有两个label,其中一个label的内容长度都可能会很长,长到按设计字号这一行都装不下(不过不会超级的长),而另一个label的内容会很短。需求规定两个label上的text都不能有省略。VFL就像下面这样:

@“|-20-[labelA]-0-[labelB]-20-|”

这时就需要对labelA做一个可以自适应字号的处理,即当text长度超过labelA的可被拉抻的最大程度自动缩小其字号直到其可以被完整显示。

首先想到的就是这个:

label.adjustsFontSizeToFitWidth = YES;
label.minimumScaleFactor=0.5;

但是问题出现了,ab两个label长度其实都不固定,系统无法得知当两个label内容加起来过长的时候取哪个舍哪个,所以这条思路就断了。

于是采用了一条新思路。由于labelB不会太长(length最大5),所以不对其进行处理,让其在任何情况下都以原字号显示完全。而labelA,我们就要计算出能留给他的最大长度,然后再计算labelA的text按原字号应有的长度。如果这个长度大于最大长度则用最大长度除以text的length再除以字宽比。

字宽比是什么呢?是我的一个土方法,就是指字符宽度和字号的比。为单个字的宽度除以字号。

按这个思路我们就可以得到下面的代码:

- (void)calculateNameLabelWidth{
    if (labelA.text.length>0) {
        CGSize size=[@"a" sizeWithAttributes:@{NSFontAttributeName: [UIFont systemFontOfSize:16]}];
        float constant = size.width / labelA.text.length / 16
        //constant为字宽比
        //(labelB的x-labelA的x)是留给国家名字的最大宽度
        float maxFont = (CGRectGetMinX(_codeLabel.frame) - CGRectGetMinX(_nameLabel.frame)) / self.nameLabel.text.length / constant;
        if (maxFont < 16) {
            labelA.font = [UIFont fontWithName:@"HelveticaNeue-Bold" size:maxFont];
        } else {
            labelA.font = [UIFont fontWithName:@"HelveticaNeue-Bold" size:16.0];
        }
    }
}

autolayout下如何获取控件的frame呢?在layoutIfNeeded里,所以我们要将我们的方法放到下面:

- (void)layoutIfNeeded {
    [super layoutIfNeeded];
    [self calculateNameLabelWidth];
}

ok,实现的还算达标。作者知道这个方法是不标准的,尤其是这个字宽比的的设定是不准确的做法。如果各位有更好的方法还望不吝赐教。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,282评论 4 61
  • 1.AutoLayout是什么? 在Auto Layout之前,不论是在IB里拖放,还是在代码中写,每个UIVie...
    Saxon_Geoffrey阅读 979评论 1 4
  • 2017.2.27背文字的第一天去校医院做了雾化咳的厉害又想放弃了,我真的是没用不过还是得加油啊哈哈 2017.2...
    石藿阅读 181评论 0 0
  • 最近整理以前写的一些小玩意,发现以前写的一个圆形进度环,觉得代码写的还挺简洁的,在此分享给大家.控件效果: 因为在...
    iOS_Edward阅读 10,246评论 0 9
  • 文|简痕 某天晚上吃饭时姐姐来问我, “为什么日本那么讨厌中国啊?” 我惊愕,她怎么会问这个问题。 她又说,“口才...
    简痕阅读 1,650评论 0 2