常常會用到下面是圖片，上面是文字的Button。這樣的控件可以自定義，但是偶爾發現一個直接對零碎button停止圖片與地位的重新layout完成異樣效果的代碼，最後運用的按鈕是這樣的：

代碼是經過承繼UIButton，然後再重寫layoutSubviews辦法，對自帶的圖片和titleLabel停止重新的layout，代碼如下：

//
// ZZZUpDownButton.h
//
// Copyright © 2016年 George. All rights reserved.
//
/**
 * 這個Button是零碎button變成下面圖片，上面文字的樣子
 */
#import <UIKit/UIKit.h>
@interface ZZZUpDownButton : UIButton
@end
//
// ZZZUpDownButton.m
// 
// Copyright © 2016年 George. All rights reserved.
//
#import "ZZZUpDownButton.h"
@implementation ZZZUpDownButton
// 加載xib都會先走這個辦法
- (void)awakeFromNib {
 [super awakeFromNib];
 // 可以在這裡對button停止一些一致的設置
 self.titleLabel.textAlignment = NSTextAlignmentCenter;
 self.titleLabel.numberOfLines = 0;
}
// 在重新layout子控件時，改動圖片和文字的地位
- (void)layoutSubviews {
 [super layoutSubviews];
 // 圖片下限靠著button的頂部
 CGRect tempImageviewRect = self.imageView.frame;
 tempImageviewRect.origin.y = 0;
 // 圖片左右居中，也就是x坐標為button寬度的一半減去圖片的寬度
 tempImageviewRect.origin.x = (self.bounds.size.width - tempImageviewRect.size.width) / 2;
 self.imageView.frame = tempImageviewRect;
 CGRect tempLabelRect = self.titleLabel.frame;
 // 文字label的x靠著button左側(或間隔多少)
 tempLabelRect.origin.x = 20;
 // y靠著圖片的下部
 tempLabelRect.origin.y = self.imageView.frame.size.height;
 // 寬度與button分歧，或許自己改
 tempLabelRect.size.width = self.bounds.size.width - 40;
 // 高度等於button高度減去上方圖片高度
 tempLabelRect.size.height = self.bounds.size.height - self.imageView.frame.size.height;
 self.titleLabel.frame = tempLabelRect;
}
@end

以上所述是本站給大家引見的IOS 將零碎自帶的button改裝成上圖片下文字的樣子，希望對大家有所協助，假如大家有任何疑問請給我留言，本站會及時回復大家的。在此也十分感激大家對本站網站的支持！

【iOS 將零碎自帶的button改裝成上圖片下文字的樣子】的相關資料介紹到這裡，希望對您有所幫助！ 提示：不會對讀者因本文所帶來的任何損失負責。如果您支持就請把本站添加至收藏夾哦！