- 写到一个类似新闻多图详情的页面,下方需要根据服务器返回的值绘制不定数量的标签.字符长度也不尽相同.需要进行动态计算长度和位置.
绘制可以实现自动换行的label/button
-
tagView就是放置buttons的view
#pragma mark - 尝试绘制自动换行的类型标签label/button- (void)createTypeBtnsView{ tagView = [[UIView alloc]initWithFrame:CGRectMake(10, 45 + 300*self.model.imagesArray.count, [DMDevceManager screenWidth]-20, 10)]; CGFloat positionX = 0.0; CGFloat positionY = 0.0; CGFloat bgViewWidth = [DMDevceManager screenWidth]-20; UIFont *btnTitleFont = [UIFont systemFontOfSize:13]; //如果有图片作为边框,使用注释 // UIImage *selImage = [UIImage imageNamed:@"greenCir1"]; // UIImage *norImage = [UIImage imageNamed:@"grayCir2"]; // CGFloat left = selImage.size.width/4; // CGFloat top = selImage.size.height/4; for(int i = 0;i<self.model.typesArray.count;i++) { //下面的方法 CGFloat btnWidth = [DMUtils textWidth:self.model.typesArray[i] Font:btnTitleFont height:25]; if(positionX + btnWidth > bgViewWidth){ positionX = 0; positionY += 30; } UIButton *btn = [DMUITool createButtonWithFrame:CGRectMake(positionX, positionY, btnWidth, 25) title:self.model.typesArray[i] target:self action:@selector(typeBtnClick:) tag:i+30000]; btn.titleLabel.font = btnTitleFont; btn.backgroundColor = Color(103, 206, 249); btn.layer.masksToBounds = YES; btn.userInteractionEnabled = YES; btn.layer.cornerRadius = 12; [btn setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal]; positionX += (btnWidth+5); //如果有图片作为边框,从4分之1处拉伸,承接上一个注释 // [btn setBackgroundImage:[selImage stretchableImageWithLeftCapWidth:left topCapHeight:top] forState:UIControlStateSelected]; // [btn setBackgroundImage:[norImage stretchableImageWithLeftCapWidth:left topCapHeight:top] forState:UIControlStateNormal]; [tagView addSubview:btn]; }
下面的方法是来计算每个label上文字所占宽度
/*
*获取文字所占宽度
*@param text 文本内容,计算式包括了换行空格等
*@param font 字体
*@param height:指定高度下计算,若不设限使用CGFLOAT_MAX
*/
+ (CGFloat)textWidth:(NSString *)text Font:(UIFont *)font height:(CGFloat)height
{
if(![DMDevceManager isiOS7])
{
return [text sizeWithFont:font constrainedToSize:CGSizeMake(MAXFLOAT, height) lineBreakMode:NSLineBreakByCharWrapping].width;
}
else{
if(text.length <= 0)
{
return 0;
}
UITextView *textView = APPDELEGATE.textView;
textView.text = text;
textView.font = font;
CGSize size = [textView sizeThatFits:CGSizeMake(CGFLOAT_MAX, height)];
return size.width;
}
}
效果如图:
可自动换行的buttons
网友评论