美文网首页
iOS将按钮设置为图片在上,文字在下

iOS将按钮设置为图片在上,文字在下

作者: Ice丶泽 | 来源:发表于2017-04-11 17:23 被阅读0次

    最主要的是利用了偏移量 EdgeInset 进行位置的重新设置。

    这个方法应当在图片以及文字内容设置好,并且按钮尺寸已知的情况下才能正常使用。如果使用 Masonry 进行布局,这个方法也不能完成图片在上,文字在下的需求。如果都不是上面的情况,有可能是项目中的一些第三方类使用了 UIButton 的类别,重写了布局方法,导致无法按需求显示~
    //将按钮设置为图片在上,文字在下
    -(void)initButton:(UIButton*)btn{
        float  spacing = 10;//图片和文字的上下间距
        CGSize imageSize = btn.imageView.frame.size;
        CGSize titleSize = btn.titleLabel.frame.size;
        CGSize textSize = [btn.titleLabel.text sizeWithAttributes:@{NSFontAttributeName : btn.titleLabel.font}];
        CGSize frameSize = CGSizeMake(ceilf(textSize.width), ceilf(textSize.height));
        if (titleSize.width + 0.5 < frameSize.width) {
            titleSize.width = frameSize.width;
        }
        CGFloat totalHeight = (imageSize.height + titleSize.height + spacing);
        btn.imageEdgeInsets = UIEdgeInsetsMake(- (totalHeight - imageSize.height), 0.0, 0.0, - titleSize.width);
        btn.titleEdgeInsets = UIEdgeInsetsMake(0, - imageSize.width, - (totalHeight - titleSize.height), 0);
        
    }
    
    

    相关文章

      网友评论

          本文标题:iOS将按钮设置为图片在上,文字在下

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