自定义UIButton实现竖直显示图片和文字

Snip20160514_1.png

实现这样的按钮方式很多，我这里是通过自定义UIButton，然后重新frame来改变显示位置, 界面是用xib做的，按钮的宽度和高度已经设置好了。

用代码实现也是可以，因为我已经复写了initWithFrame方法

// 这样写的好处就是以后在代码里面也好使，主要是用来创建图片在上面文字在下面的按钮！
- (void)setUp {
    self.titleLabel.textAlignment = NSTextAlignmentCenter;
}

- (instancetype)initWithFrame:(CGRect)frame {
    if (self = [super initWithFrame:frame]) {
        [self setUp];
    }
    
    return self;
}

- (void)awakeFromNib {
    
    [self setUp];
}


- (void)layoutSubviews {
    
    [super layoutSubviews];
    
    // 调整图片
    self.imageView.x = 0;
    self.imageView.y = 0;
    self.imageView.width = self.width;
    self.imageView.height = self.imageView.width;
    
    // 调整文字
    self.titleLabel.x = 0;
    self.titleLabel.y = self.imageView.height;
    self.titleLabel.width = self.width;
    self.titleLabel.height = self.height - self.imageView.height;
    
}