Button圖文上下布局__iOS開發(fā)

代碼實現(xiàn)按鈕圖片文字上下混排

self.carBtn = [UIButton buttonWithType:UIButtonTypeCustom];
    [self.carBtn setTitle:@"購物車" forState:UIControlStateNormal];
    self.carBtn.titleLabel.font = [UIFont systemFontOfSize:11];
    [self.carBtn setTitleColor:[UIColor colorWithHexString:@"505050" alpha:1] forState:UIControlStateNormal];
    [self.carBtn setImage:[UIImage imageNamed:@"cart"] forState:UIControlStateNormal];
    [self.carBtn setBackgroundColor:[UIColor whiteColor]];
    [self.carBtn setImageEdgeInsets:UIEdgeInsetsMake(-15, 22,0, -self.carBtn.titleLabel.bounds.size.width)];
    [self.carBtn setTitleEdgeInsets:UIEdgeInsetsMake(self.carBtn.imageView.frame.size.height+10 ,-self.carBtn.imageView.frame.size.width+10, 0,0)];    
    [self.carBtn addTarget:self action:@selector(toCarVC) forControlEvents:UIControlEventTouchUpInside];
    [self addSubview:self.carBtn];
    [self.carBtn mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.bottom.top.equalTo(self);
        make.width.offset(80);
    }];

關(guān)于屬性

setImageEdgeInsetssetTitleEdgeInsets設(shè)置圖片及文字內(nèi)邊距,上左下右分別計算你需要的間距就好

效果圖

button.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,414評論 4 61
  • 數(shù)學(xué)游戲――數(shù)字接龍 游戲目的: 引發(fā)學(xué)生對數(shù)字的敏感性以及專注力的培養(yǎng),有助于有意注意學(xué)習(xí)習(xí)慣的培養(yǎng),并讓學(xué)生...
    yhfyhf閱讀 471評論 1 2
  • 也許快餐時代下長大的我們太急于求成了 可能我們理想的不夠純粹,也現(xiàn)實的不夠徹底 我們區(qū)別于上一代人 對于規(guī)則與穩(wěn)定...
    回憶專用魚丸粗面閱讀 304評論 0 0

友情鏈接更多精彩內(nèi)容