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)對于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ì)被渲染成單一顏色 (藍(lán)色)

button.setImage(UIImage(named:"icon1"),forState:.Normal) //設(shè)置圖標(biāo)

button.adjustsImageWhenHighlighted=false //使觸摸模式下按鈕也不會(huì)變暗(半透明)

button.adjustsImageWhenDisabled=false //使禁用模式下按鈕也不會(huì)變暗(半透明)

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

let iconImage = UIImage(named:"icon2")?.withRenderingMode(.alwaysOriginal)

button.setImage(iconImage, for:.normal) //設(shè)置圖標(biāo)

button.adjustsImageWhenHighlighted = false //使觸摸模式下按鈕也不會(huì)變暗(半透明)

button.adjustsImageWhenDisabled = false //使禁用模式下按鈕也不會(huì)變暗(半透明)

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

button.setBackgroundImage(UIImage(named:"bg1"), for:.normal)

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

//不傳遞觸摸對象(即點(diǎn)擊的按鈕)

button.addTarget(self, action:#selector(tapped), for:.touchUpInside)

@objc func tapped(){

? ? print("tapped")

}

//傳遞觸摸對象(即點(diǎn)擊的按鈕)记某,需要在定義action參數(shù)時(shí),方法名稱后面帶上冒號(hào)

button.addTarget(self, action:#selector(tapped(_:)), for:.touchUpInside)

@objc 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)行效果:中間文字使用 ... 代替涡匀。

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

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

lineBreakMode 共支持如下幾種樣式:

.byTruncatingHead:省略頭部文字,省略部分用...代替

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

.byTruncatingTail:省略尾部文字舌劳,省略部分用...代替

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

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

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

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

button.setTitle("歡迎訪問\nhangge.com", for:.normal)


圖片發(fā)自簡書App
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末甚淡,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子捅厂,更是在濱河造成了極大的恐慌贯卦,老刑警劉巖资柔,帶你破解...
    沈念sama閱讀 216,919評論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異撵割,居然都是意外死亡贿堰,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,567評論 3 392
  • 文/潘曉璐 我一進(jìn)店門啡彬,熙熙樓的掌柜王于貴愁眉苦臉地迎上來羹与,“玉大人,你說我怎么就攤上這事庶灿∽莞椋” “怎么了?”我有些...
    開封第一講書人閱讀 163,316評論 0 353
  • 文/不壞的土叔 我叫張陵跳仿,是天一觀的道長诡渴。 經(jīng)常有香客問我捐晶,道長菲语,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,294評論 1 292
  • 正文 為了忘掉前任惑灵,我火速辦了婚禮山上,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘英支。我一直安慰自己佩憾,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,318評論 6 390
  • 文/花漫 我一把揭開白布干花。 她就那樣靜靜地躺著妄帘,像睡著了一般。 火紅的嫁衣襯著肌膚如雪池凄。 梳的紋絲不亂的頭發(fā)上抡驼,一...
    開封第一講書人閱讀 51,245評論 1 299
  • 那天,我揣著相機(jī)與錄音肿仑,去河邊找鬼致盟。 笑死,一個(gè)胖子當(dāng)著我的面吹牛尤慰,可吹牛的內(nèi)容都是我干的馏锡。 我是一名探鬼主播,決...
    沈念sama閱讀 40,120評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼伟端,長吁一口氣:“原來是場噩夢啊……” “哼杯道!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起责蝠,我...
    開封第一講書人閱讀 38,964評論 0 275
  • 序言:老撾萬榮一對情侶失蹤蕉饼,失蹤者是張志新(化名)和其女友劉穎虐杯,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體昧港,經(jīng)...
    沈念sama閱讀 45,376評論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡擎椰,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,592評論 2 333
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了创肥。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片达舒。...
    茶點(diǎn)故事閱讀 39,764評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖叹侄,靈堂內(nèi)的尸體忽然破棺而出巩搏,到底是詐尸還是另有隱情,我是刑警寧澤趾代,帶...
    沈念sama閱讀 35,460評論 5 344
  • 正文 年R本政府宣布贯底,位于F島的核電站,受9級(jí)特大地震影響撒强,放射性物質(zhì)發(fā)生泄漏禽捆。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,070評論 3 327
  • 文/蒙蒙 一飘哨、第九天 我趴在偏房一處隱蔽的房頂上張望胚想。 院中可真熱鬧,春花似錦芽隆、人聲如沸浊服。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,697評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽牙躺。三九已至,卻和暖如春腕扶,著一層夾襖步出監(jiān)牢的瞬間孽拷,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,846評論 1 269
  • 我被黑心中介騙來泰國打工蕉毯, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留乓搬,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,819評論 2 370
  • 正文 我出身青樓代虾,卻偏偏與公主長得像进肯,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子棉磨,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,665評論 2 354

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