Swift UIButton

1,按鈕的創(chuàng)建
(1)按鈕有下面四種類型:

UIButtonType.system:前面不帶圖標(biāo),默認(rèn)文字顏色為藍(lán)色,有觸摸時(shí)的高亮效果
UIButtonType.custom:定制按鈕,前面不帶圖標(biāo),默認(rèn)文字顏色為白色,無觸摸時(shí)的高亮效果
UIButtonType.contactAdd:前面帶“+”圖標(biāo)按鈕,默認(rèn)文字顏色為藍(lán)色,有觸摸時(shí)的高亮效果
UIButtonType.detailDisclosure:前面帶“!”圖標(biāo)按鈕,默認(rèn)文字顏色為藍(lán)色,有觸摸時(shí)的高亮效果
UIButtonType.infoDark:為感嘆號(hào)“!”圓形按鈕
UIButtonType.infoLight:為感嘆號(hào)“!”圓形按鈕
(注意:自ios7起,infoDark、infoLight、detailDisclosure效果都是一樣的)
//創(chuàng)建一個(gè)ContactAdd類型的按鈕
let button:UIButton = UIButton(type:.contactAdd)
//設(shè)置按鈕位置和大小
button.frame = CGRect(x:10, y:150, width:100, height:30)
//設(shè)置按鈕文字
button.setTitle("按鈕", for:.normal)
self.view.addSubview(button)

(2)對(duì)于Custom定制類型按鈕,代碼可簡化為:

let button = UIButton(frame:CGRect(x:10, y:150, width:100, height:30))

2,按鈕的文字設(shè)置

button.setTitle("普通狀態(tài)", for:.normal) //普通狀態(tài)下的文字
button.setTitle("觸摸狀態(tài)", for:.highlighted) //觸摸狀態(tài)下的文字
button.setTitle("禁用狀態(tài)", for:.disabled) //禁用狀態(tài)下的文字

3,按鈕文字顏色的設(shè)置

button.setTitleColor(UIColor.black, for: .normal) //普通狀態(tài)下文字的顏色
button.setTitleColor(UIColor.green, for: .highlighted) //觸摸狀態(tài)下文字的顏色
button.setTitleColor(UIColor.gray, for: .disabled) //禁用狀態(tài)下文字的顏色

4,按鈕文字陰影顏色的設(shè)置

button.setTitleShadowColor(UIColor.green, for:.normal) //普通狀態(tài)下文字陰影的顏色
button.setTitleShadowColor(UIColor.yellow, for:.highlighted) //觸摸狀態(tài)下文字陰影的顏色
button.setTitleShadowColor(UIColor.gray, for:.disabled) //禁用狀態(tài)下文字陰影的顏色

5,按鈕文字的字體和大小設(shè)置

button.titleLabel?.font = UIFont.systemFont(ofSize: 11)

6,按鈕背景顏色設(shè)置

button.backgroundColor = UIColor.black

**7,按鈕文字圖標(biāo)的設(shè)置 **
(1)默認(rèn)情況下按鈕會(huì)被渲染成單一顏色

F6F10622-2F8B-442F-ADE3-AB96943AFDE2.png.jpeg
button.setImage(UIImage(named:"icon1"),forState:.Normal)  //設(shè)置圖標(biāo)
button.adjustsImageWhenHighlighted=false //使觸摸模式下按鈕也不會(huì)變暗(半透明)
button.adjustsImageWhenDisabled=false //使禁用模式下按鈕也不會(huì)變暗(半透明)

(2)也可以設(shè)置成保留圖標(biāo)原來的顏色!

38CA20B7-68D2-48FD-856E-DF944F18F309.png.jpeg
let iconImage = UIImage(named:"icon2")?.withRenderingMode(.alwaysOriginal)
button.setImage(iconImage, for:.normal)  //設(shè)置圖標(biāo)
button.adjustsImageWhenHighlighted = false //使觸摸模式下按鈕也不會(huì)變暗(半透明)
button.adjustsImageWhenDisabled = false //使禁用模式下按鈕也不會(huì)變暗(半透明)

修改圖標(biāo)與文字的相對(duì)位置和間距 默認(rèn)圖片和文字的相對(duì)位置是固定的(按鈕在前,文字在后)。我們可以通過擴(kuò)展UIButton來實(shí)現(xiàn)自由調(diào)整位置和偏移量,具體參考我寫的另一篇文章:Swift - 自由調(diào)整圖標(biāo)按鈕中的圖標(biāo)和文字位置(擴(kuò)展UIButton) 原文出自:www.hangge.com 轉(zhuǎn)載請(qǐng)保留原文鏈接:http://www.hangge.com/blog/cache/detail_529.html

8,設(shè)置按鈕背景圖片

BA550554-2F03-4136-8DD0-4C964793A4E2.png.jpeg
button.setBackgroundImage(UIImage(named:"bg1"), for:.normal)

9,按鈕觸摸點(diǎn)擊事件響應(yīng)

//不傳遞觸摸對(duì)象(即點(diǎn)擊的按鈕)
button.addTarget(self, action:#selector(tapped), for:.touchUpInside)
func tapped(){
     print("tapped")
}
 
//傳遞觸摸對(duì)象(即點(diǎn)擊的按鈕),需要在定義action參數(shù)時(shí),方法名稱后面帶上冒號(hào)
button.addTarget(self, action:#selector(tapped(_:)), for:.touchUpInside)
 
func tapped(_ button:UIButton){
     print(button.title(for: .normal))
}

常用的觸摸事件類型:
touchDown:單點(diǎn)觸摸按下事件,點(diǎn)觸屏幕
touchDownRepeat:多點(diǎn)觸摸按下事件,點(diǎn)觸計(jì)數(shù)大于1,按下第2、3或第4根手指的時(shí)候
touchDragInside:觸摸在控件內(nèi)拖動(dòng)時(shí)
touchDragOutside:觸摸在控件外拖動(dòng)時(shí)
touchDragEnter:觸摸從控件之外拖動(dòng)到內(nèi)部時(shí)
touchDragExit:觸摸從控件內(nèi)部拖動(dòng)到外部時(shí)
touchUpInside:在控件之內(nèi)觸摸并抬起事件
touchUpOutside:在控件之外觸摸抬起事件
touchCancel:觸摸取消事件,即一次觸摸因?yàn)榉派咸嗍种付蝗∠?,或者電話打?/p>

10,按鈕文字太長時(shí)的處理方法
默認(rèn)情況下,如果按鈕文字太長超過按鈕尺寸,則會(huì)省略中間的文字。比如下面代碼:

let button = UIButton(frame:CGRect(x:20, y:50, width:130, height:50))
button.setTitle("這個(gè)是一段 very 長的文字", for:.normal) //普通狀態(tài)下的文字
button.setTitleColor(UIColor.white, for: .normal) //普通狀態(tài)下文字的顏色
button.backgroundColor = UIColor.orange
self.view.addSubview(button)

運(yùn)行效果如下,中間文字使用 ... 代替。

F5ADCCB9-AA73-434C-AA5B-4D9F2096DDAF.png.jpeg

我們通過修改 button 按鈕中 titleLabel 的 lineBreakMode 屬性,便可以調(diào)整按鈕在文字超長的情況下如何顯示,以及是否換行。

//省略尾部文字
button.titleLabel?.lineBreakMode = .byTruncatingTail

lineBreakMode 共支持如下幾種樣式:
1).byTruncatingHead:省略頭部文字,省略部分用...代替

81043870-95B1-4B1C-B707-F5A2F1F935EA.png.jpeg

2).byTruncatingMiddle:省略中間部分文字,省略部分用...代替(默認(rèn))

D1CF52E8-5BDC-4541-AE09-BBA731DF2246.png.jpeg

3).byTruncatingTail:省略尾部文字,省略部分用...代替


1A29AF48-AAFD-4507-BA26-F44F301E3F73.png.jpeg

4).byClipping:直接將多余的部分截?cái)?/p>

DF56340E-B5AA-4597-84E1-BA5328252E5E.png.jpeg

5).byWordWrapping:自動(dòng)換行(按詞拆分)

F81437D3-6D3E-40E1-8361-95549CAD2835.png

6).byCharWrapping:自動(dòng)換行(按字符拆分)


C757406E-B813-4C8D-8F40-1D5CEEAD23FE.png

注意:當(dāng)設(shè)置自動(dòng)換行后(byWordWrapping 或 byCharWrapping),我們可以在設(shè)置 title 時(shí)通過 \n 進(jìn)行手動(dòng)換行。

button.setTitle("歡迎訪問\nhangge.com", for:.normal)
8EA10CB5-71CE-4F73-B4A6-2878780E4BFB.png

以上資料來源于http://www.hangge.com/blog/cache/detail_529.html

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,030評(píng)論 6 531
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,310評(píng)論 3 415
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事?!?“怎么了?”我有些...
    開封第一講書人閱讀 175,951評(píng)論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,796評(píng)論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 71,566評(píng)論 6 407
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,055評(píng)論 1 322
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,142評(píng)論 3 440
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,303評(píng)論 0 288
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 48,799評(píng)論 1 333
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 40,683評(píng)論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 42,899評(píng)論 1 369
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,409評(píng)論 5 358
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,135評(píng)論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,520評(píng)論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,757評(píng)論 1 282
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 51,528評(píng)論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 47,844評(píng)論 2 372

推薦閱讀更多精彩內(nèi)容