Button圖文上下布局__iOS開發

代碼實現按鈕圖片文字上下混排

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);
    }];

關于屬性

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

效果圖

button.png
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 發現 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,232評論 4 61
  • 數學游戲――數字接龍 游戲目的: 引發學生對數字的敏感性以及專注力的培養,有助于有意注意學習習慣的培養,并讓學生...
    yhfyhf閱讀 409評論 1 2
  • 也許快餐時代下長大的我們太急于求成了 可能我們理想的不夠純粹,也現實的不夠徹底 我們區別于上一代人 對于規則與穩定...
    回憶專用魚丸粗面閱讀 284評論 0 0