iOS 將系統(tǒng)自帶的button改裝成上圖片下文字的樣子
經(jīng)常會用到上面是圖片,下面是文字的Button。這樣的控件可以自定義,但是偶然發(fā)現(xiàn)一個直接對系統(tǒng)button進行圖片與位置的重新layout實現(xiàn)同樣效果的代碼,最后使用的按鈕是這樣的:

代碼是通過繼承UIButton,然后再重寫layoutSubviews方法,對自帶的圖片和titleLabel進行重新的layout,代碼如下:
//
// ZZZUpDownButton.h
//
// Copyright © 2016年 George. All rights reserved.
//
/**
* 這個Button是系統(tǒng)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進行一些統(tǒng)一的設(shè)置
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左側(cè)(或距離多少)
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 將系統(tǒng)自帶的button改裝成上圖片下文字的樣子,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
iOS應(yīng)用程序之間的幾種跳轉(zhuǎn)情況詳解
這篇文章給大家詳細介紹了iOS應(yīng)用程序之間跳轉(zhuǎn)的幾種情況,包括跳轉(zhuǎn)到另一個程序的主界面、跳轉(zhuǎn)到另一個程序的指定界面以及如何從目標程序的非主頁界面回到當前(跳轉(zhuǎn)前)程序呢?有需要的朋友們可以下面來一起看看。2016-09-09
分享一個關(guān)于Storyboard 跳轉(zhuǎn)與傳值
近日不忙,給大家分享一個關(guān)于storyboard跳轉(zhuǎn)傳值的相關(guān)知識,感興趣的朋友一起看看吧2015-12-12
iOS16使用SwiftUI Charts創(chuàng)建折線圖實現(xiàn)實例
這篇文章主要為大家介紹了iOS16使用SwiftUI Charts創(chuàng)建折線圖實現(xiàn)實例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-11-11
關(guān)于iOS自適應(yīng)cell行高的那些事兒
這篇文章主要給大家介紹了關(guān)于iOS自適應(yīng)cell行高的那些事兒,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面來一看看吧2018-11-11
iOS App開發(fā)中UIViewController類的使用教程
UIViewController是iOS中控制視圖的關(guān)鍵所在,這里我們將針對UIViewController的聲明周期與主要屬性和方法,來總結(jié)iOS App開發(fā)中UIViewController類的使用教程2016-07-07
iOS開發(fā) widget構(gòu)建詳解及實現(xiàn)代碼
這篇文章主要介紹了iOS開發(fā) widget構(gòu)建詳解的相關(guān)資料,并附實例代碼,需要的朋友可以參考下2016-11-11

