iOS长度不同可自动换行的标签

作者: 旅橙 | 来源:发表于2016-04-14 15:41 被阅读1770次
  • 写到一个类似新闻多图详情的页面,下方需要根据服务器返回的值绘制不定数量的标签.字符长度也不尽相同.需要进行动态计算长度和位置.
绘制可以实现自动换行的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

相关文章

  • iOS长度不同可自动换行的标签

    写到一个类似新闻多图详情的页面,下方需要根据服务器返回的值绘制不定数量的标签.字符长度也不尽相同.需要进行动态计算...

  • iOS搜索热门标签流布局—自动换行

    iOS搜索热门标签流布局—自动换行 效果图如下:

  • html

    :p标签的文本会在一个段落中自动换行。div标签内的文本也会在一个段落中自动换行。 :换行标签,使自动换行。文本格...

  • iOS 多行标签自动换行

    实现原理, 每一行用一个containerLineView来作为容器,如果换行,就从新生成一个containerL...

  • a标签自动换行

    a{word-break:break-all;}

  • MBProgressHud 自动换行

    使用 **label不会自动换行使用 detailsLabel 会自动换行 强烈推荐:超简单!!! iOS设置状态...

  • HTML系列知识(二)

    HTML段落 标签即表示段落,是paragraph的缩写,自带换行效果 在p标签中的文本会自动换行,不在p标签中的...

  • UIcollectionView等间距居中换行

    最近项目有个需求,是展示一堆供用户选择的标签,根据宽度自动换行,自动居中,可滑动,综上选择了UICollectio...

  • iOS 不同宽度的button自动换行

    思路:通过字符串算button的宽,for循环,如果多个button的宽相加大于屏幕宽,就换行,Y+=.以此类推核...

  • HTML+CSS部分知识

    1.标签 常用的单标签 < !— xx –>:注释标签 快捷键:ALT+/ < br/>:换行标签 注释:自动生成...

网友评论

    本文标题:iOS长度不同可自动换行的标签

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