美文网首页
自动调整字体文本框

自动调整字体文本框

作者: jiangamh | 来源:发表于2016-02-17 14:59 被阅读297次

在指定大小的文本框中显示文本,当不断增加文本数量时,文本框大小不够大时候,需要自动调整字体的大小适应文本框大小,自定义控件AXAutoSuitLabel实现这个功能。
AXAutoSuitLabel头文件如下:

#import <UIKit/UIKit.h>

@interface AXAutoSuitLabel : UILabel

+(AXAutoSuitLabel*)autoSuitLabel;

@end

AXAutoSuitLabel源文件:

#import "AXAutoSuitLabel.h"
#import "UIFont+FontSize.h"

#define MinFontSize 10

@implementation AXAutoSuitLabel

+(AXAutoSuitLabel*)autoSuitLabel
{
    return [[self alloc] init];
}

-(void)awakeFromNib
{
    self.textAlignment = NSTextAlignmentCenter;
    self.numberOfLines = 0;
}

-(id)initWithFrame:(CGRect)frame
{
    if (self = [super initWithFrame:frame]) {
        self.textAlignment = NSTextAlignmentCenter;
        self.numberOfLines = 0;
    }
    return self;
}

-(void)setText:(NSString *)text
{
    BOOL isSesseed = [self reSetFontWithText:text];
    if(isSesseed)
    {
        [super setText:text];
    }
}

reSetFontWithText代码如下:

-(BOOL)reSetFontWithText:(NSString*)text
{
    UIFont *currentFont = self.font;
    CGFloat width = [text boundingRectWithSize:CGSizeMake(999999999, 21) options:NSStringDrawingUsesLineFragmentOrigin attributes:@{NSFontAttributeName:currentFont} context:nil].size.width;
    
    //计算的宽度大于当前控件的宽度
    if (width > self.bounds.size.width) {
        width = self.bounds.size.width;
        CGFloat height = [text boundingRectWithSize:CGSizeMake(width, 9999999) options:NSStringDrawingUsesLineFragmentOrigin attributes:@{NSFontAttributeName:currentFont} context:nil].size.height;
        
        //如果计算的高度也大于当前控件的高度,重新调整字体
        BOOL reSetSesseed = NO;
        if (height > self.bounds.size.height)
        {
            CGFloat fontSize = [currentFont fontSize];
            for (int i = fontSize - 1; i >= MinFontSize; i--)
            {
                height = [text boundingRectWithSize:CGSizeMake(width, 9999999) options:NSStringDrawingUsesLineFragmentOrigin attributes:@{NSFontAttributeName:[UIFont systemFontOfSize:i]} context:nil].size.height;
                if (height <= self.bounds.size.height) {
                    [self setFont:[UIFont systemFontOfSize:i]];
                    reSetSesseed = YES;
                     break;
                }
            }
            if (!reSetSesseed) {
                return NO;
            }
            
        }
    }
    else
    {
        //可容纳下,不用调整字体大小
        return YES;
    }
    
    return YES;
}

[currentFont fontSize]获取字体的字体大小,通过UIFont好像没有现成方法获取字体大小,所以实现了UIFont分类方法实现获取字体大小。分类如下:

#import <UIKit/UIKit.h>

@interface UIFont (FontSize)

//返回-1表示获取失败
-(CGFloat)fontSize;

@end

具体实现:

//返回-1表示获取失败
-(CGFloat)fontSize
{
    NSString *des = [self description];
    NSArray *desArr = [des componentsSeparatedByString:@";"];
    
    NSString *key = @"font-size";
    NSString *desStr = nil;
    for (NSString *str in desArr) {
        if ([str containsString:key]) {
            desStr = str;
            break;
        }
    }
    if (desStr) {
        NSArray *desStrArr = [desStr componentsSeparatedByString:@" "];
        desStr = nil;
        for (NSString *str in desStrArr) {
            if ([str containsString:@"."]) {
                desStr = str;
                break;
            }
        }
        if (desStr) {
            NSInteger len = [desStr length];
            if (len > 2) {
                desStr = [desStr substringToIndex:len - 2];
                return [desStr floatValue];
            }
            else
            {
                return  -1;
            }
        }
        
    }
    return  -1;
}

通过输出UIFont的description信息,发现description信息中包含了字体大小,所以通过该信息获取UIFont对应字体的大小。
运行结果如下:

屏幕快照1.png

当不断输入文本时候,文本框大小不够,自动调小字体以适应文本框大小,文本增加时候结果如下:

屏幕快照 2.png

github Demo:https://github.com/jiangtaidi/AXAutoSuitLabel.git

相关文章

  • 自动调整字体文本框

    在指定大小的文本框中显示文本,当不断增加文本数量时,文本框大小不够大时候,需要自动调整字体的大小适应文本框大小,自...

  • Eclipse配置

    1. 调整Eclipse字体大小 调整Eclipse字体大小 2.Eclipse自动补全/自动提示的设置 在Ecl...

  • 关于TextView的一些小属性

    1.设置TextView自动调整字体大小 可以通过 autoSizeTextType:none: 关闭自动调整功能...

  • ppt视觉营销力作业:锦囊14- 年会颁奖典礼ppt

    步骤详解 第1步 视频 插入- 视频- 调整大小 第2步 文字 插入- 文本框- 字体:万卫书法行书简体- 白色-...

  • Android 设置TextView自动调整字体大小

    Android 设置TextView自动调整字体大小 意为:TextView字体大小随着控件的大小变化而变化,An...

  • 技 | 如何批量修改PPT文字中的字体样式?

    当我们想给自己整套PPT换一套字体时,你还在一个一个的选中文本框再进行字体调整么?面对需要批量修改PPT文字的情况...

  • 制作PPT封面的思路和简单步骤

    样式布局预览 第一步,统一字体 框选所有文本框进行字体统一调整,这里用微软雅黑举例 打开百度App,看更多图片 第...

  • 去除TextView默认内边距

    今天遇到一个问题,由于TextView文本框较小,文本框内字体比较大,导致设置字体区中没有达到想要的效果,距下边比...

  • PPT|默认字体设置

    1. 问题描述 PPT中直接拉出文本框,默认字体往往不是我们习惯使用的: Arial 等线 挨个修改文本框字体非常...

  • 持续记录 Qt开发

    如何删除widget里的布局 一. QTreeWidget QTreeWidget 设置自动自适应字体调整宽度或...

网友评论

      本文标题:自动调整字体文本框

      本文链接:https://www.haomeiwen.com/subject/wchmkttx.html