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坐標(biāo)為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)到另一個程序的指定界面以及如何從目標(biāo)程序的非主頁界面回到當(dāng)前(跳轉(zhuǎn)前)程序呢?有需要的朋友們可以下面來一起看看。2016-09-09分享一個關(guān)于Storyboard 跳轉(zhuǎn)與傳值
近日不忙,給大家分享一個關(guān)于storyboard跳轉(zhuǎn)傳值的相關(guān)知識,感興趣的朋友一起看看吧2015-12-12iOS16使用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行高的那些事兒,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一看看吧2018-11-11iOS App開發(fā)中UIViewController類的使用教程
UIViewController是iOS中控制視圖的關(guān)鍵所在,這里我們將針對UIViewController的聲明周期與主要屬性和方法,來總結(jié)iOS App開發(fā)中UIViewController類的使用教程2016-07-07iOS開發(fā) widget構(gòu)建詳解及實現(xiàn)代碼
這篇文章主要介紹了iOS開發(fā) widget構(gòu)建詳解的相關(guān)資料,并附實例代碼,需要的朋友可以參考下2016-11-11