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