//// 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