• 寫到一個(gè)類似新聞多圖詳情的頁(yè)面,下方需要根據(jù)服務(wù)器返回的值繪制不定數(shù)量的標(biāo)簽.字符長(zhǎng)度也不盡相同.需要進(jìn)行動(dòng)態(tài)計(jì)算長(zhǎng)度和位置.

繪制可以實(shí)現(xiàn)自動(dòng)換行的label/button

• tagView就是放置buttons的view
  #pragma mark - 嘗試?yán)L制自動(dòng)換行的類型標(biāo)簽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處拉伸,承接上一個(gè)注釋
    //        [btn setBackgroundImage:[selImage stretchableImageWithLeftCapWidth:left topCapHeight:top] forState:UIControlStateSelected];
    //        [btn setBackgroundImage:[norImage stretchableImageWithLeftCapWidth:left topCapHeight:top] forState:UIControlStateNormal];  
    [tagView addSubview:btn];      
    }
  

下面的方法是來(lái)計(jì)算每個(gè)label上文字所占寬度

    /*
     *獲取文字所占寬度
     *@param text 文本內(nèi)容，計(jì)算式包括了換行空格等
     *@param font 字體
     *@param height:指定高度下計(jì)算，若不設(shè)限使用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;
      }
    }

效果如圖:

可自動(dòng)換行的buttons