ios开发聊天气泡实现

NSArray *arr = @[@"啊",@"啊飞",@"啊飞飞",@"啊飞飞起",@"啊飞飞起来啦",@"啊飞飞起来啦啦",@"啊飞飞起来啦啦啦",@"啊飞飞起来啦啦啦啦",@"啊飞飞起来啦啦啦啦啦啦"];

    for (int i=0 ; i< arr.count; i++) {

    NSString *bglabText = arr[i];

    UIImageView *qipaoImg = [[UIImageView alloc] initWithFrame:CGRectMake(60, 100 + 50 *i, [self receiveTextWidthWithString:bglabText] + 30, 35)];

    UIImage *img = [UIImage imageNamed:@"box2"];

    CGFloat scale = [UIScreen mainScreen].scale;

    UIImage *dot9 = [img resizableImageWithCapInsets:(UIEdgeInsets){0/scale,20/scale,5/scale,20/scale} resizingMode:UIImageResizingModeStretch];  //{top/scale,left/scale,bottom/scale,right/scale}  top  left bottom right 表示图片不拉伸的尺寸.

    qipaoImg.image = dot9;

    [self.view addSubview:qipaoImg];

    int xStart = 10;

    UILabel *bglab = [[UILabel alloc] initWithFrame:CGRectMake(xStart, 5, qipaoImg.frame.size.width - xStart*2, qipaoImg.frame.size.height - 15)];

    //bglab.numberOfLines = 0;

        bglab.textAlignment = NSTextAlignmentCenter;

    bglab.text = bglabText;

    bglab.font = [UIFont systemFontOfSize:13];

    [qipaoImg addSubview:bglab];

    }

 

// 得到文字的宽度

-(int)receiveTextWidthWithString:(NSString *)str

{

    CGSize maxWidth = CGSizeMake(MAXFLOAT, 20);

    NSDictionary *dic = @{NSFontAttributeName:[UIFont systemFontOfSize:13]};

    CGRect rect = [str boundingRectWithSize:maxWidth options:NSStringDrawingUsesLineFragmentOrigin attributes:dic context:nil];

    int width = (int)rect.size.width;

    return width;

}

 气泡图片, 可以自行拖出来使用

补充, 特别短的图片适合文字少的,   长点的图片适合文字多的,具体适配得具体调节.这里只是给出了方法, 具体使用还得调 啊. 

posted @ 2016-08-08 15:18  ios攻城狮  阅读(1671)  评论(0编辑  收藏  举报