macOS 開發(fā)-NSButton

Button是一個用戶界面對象,單擊該按鈕即可將操作消息發(fā)送到目標(biāo)培遵。它的大部分工作都由NSButtonCell處理较坛,當(dāng)NSButtonCell實例被單擊時菱肖,捕獲到鼠標(biāo)按下事件疚宇,實例會將動作消息發(fā)送到其目標(biāo)亡鼠。

按鈕類型

cocoa為NSButton實現(xiàn)很多不同類型,按鈕類型決定按鈕的行為敷待,按鈕類型分為三類:

  • 按下按鈕
  • 粘性按鈕
  • 單選按鈕和復(fù)選框

我們可以通過setButtonType:方法來設(shè)置按鈕類型:

lazy var button: NSButton = {
    let button = NSButton()
    button.setButtonType(.pushOnPushOff)
    return button
}()

按下按鈕

按下按鈕對于觸發(fā)操作最有用间涵,因為它們不顯示其狀態(tài)。點擊時榜揖,它們會更改其外觀勾哩;取消點擊時,則會恢復(fù)原始外觀举哟。

01.jpg

我們可以通過設(shè)置Button的Type為NSButtonTypeMomentaryPushIn來設(shè)置成按下按鈕:

lazy var button: NSButton = {
    let button = NSButton(title: "button", target: self, action: #selector(click))
    button.setButtonType(.momentaryPushIn)
    button.frame = NSRect(x: 18, y: 100, width: 70, height: 25)
    return button
}()

要控制自己按下按鈕的外觀思劳,可使用NSMomentaryChangeButton。按下鼠標(biāo)按鈕時妨猩,它將顯示替代圖像和標(biāo)題潜叛。釋放鼠標(biāo)按鈕時,它將顯示正常圖像和標(biāo)題册赛。如未設(shè)置钠导,則其外觀不會改變:

lazy var button1: NSButton = {
    let button = NSButton()
    button.setButtonType(.momentaryChange)
    button.title = "button"
    button.alternateTitle = "Change"
    button.bezelStyle = .regularSquare
    button.frame = NSRect(x: 18, y: 100, width: 70, height: 25)
    return button
}()

粘性按鈕

粘性按鈕在按下時保留狀態(tài)震嫉。點擊一個后森瘪,它會保存按下狀態(tài)牡属,直到下次點擊恢復(fù)。我們可以通過設(shè)置Button的Type為NSPushOnPushOffButton來設(shè)置成按下按鈕:

lazy var onOrOffButton: NSButton = {
    let button = NSButton()
    button.setButtonType(.pushOnPushOff)
    button.title = "button"
    button.frame = NSRect(x: 210, y: 70, width: 70, height: 25)
    button.bezelStyle = .rounded
    return button
}()

我們可以通過state屬性獲取按鈕的狀態(tài)扼睬,判斷按鈕是否已經(jīng)被選中逮栅。對于這個粘性按鈕,對于顯示應(yīng)用程序中某些內(nèi)容的狀態(tài)(例如:Office Word 中是否為粗體的按鈕)很有用窗宇。

要控制自己粘性按鈕的外觀措伐,可使用NSToggleButton。點擊一個后军俊,它將顯示替代圖像和標(biāo)題侥加。直到下次點擊恢復(fù)時,它將顯示正常圖像和標(biāo)題粪躬。如未設(shè)置担败,則其外觀不會改變。用于兩個狀態(tài)(例如镰官,“停止”和“開始”)之間切換有效:

lazy var toggleButton: NSButton = {
    let button = NSButton()
    button.action = #selector(click)
    button.setButtonType(.toggle)
    button.title = "start"
    button.alternateTitle = "stop"
    button.frame = NSRect(x: 290, y: 70, width: 70, height: 25)
    button.bezelStyle = .regularSquare
    return button
}()

單選按鈕和復(fù)選框

單選按鈕和復(fù)選框主要是區(qū)分某些內(nèi)容的狀態(tài)提前,它們是NSToggleButton系統(tǒng)定義圖標(biāo)的專用版本。

復(fù)選框是可以在多個選項中選擇多項泳唠,Button通過設(shè)置類型為NSButtonTypeSwitch狈网,讓它看起來像一個復(fù)選框:

02.jpg

實現(xiàn)代碼如下:

lazy var switchBtnView: NSView = {
    let v = NSView(frame: NSRect(x: 70, y: 90, width: 80, height: 200))
    let b1 = NSButton(title: "紅色", target: self, action: #selector(click))
    b1.setButtonType(.switch)
    b1.frame = NSRect(x: 5, y: 100, width: 70, height: 25)
    v.addSubview(b1)

    let b2 = NSButton(title: "綠色", target: self, action: #selector(click))
    b2.setButtonType(.switch)
    b2.frame = NSRect(x: 5, y: 130, width: 70, height: 25)
    v.addSubview(b2)

    let b3 = NSButton(title: "藍(lán)色", target: self, action: #selector(click))
    b3.setButtonType(.switch)
    b3.frame = NSRect(x: 5, y: 160, width: 70, height: 25)
    v.addSubview(b3)
    return v
}()

單選按鈕是可以在多個選項中選擇一項,我們可能通過將多個Button類型設(shè)置為NSButtonTypeSwitch笨腥,并將它們加在同一個superview拓哺,達(dá)到多苦單選的效果:

03.jpg

實現(xiàn)代碼如下:

lazy var radioBtnView: NSView = {
    let v = NSView(frame: NSRect(x: 70, y: 90, width: 80, height: 200))
    let b1 = NSButton(title: "紅色", target: self, action: #selector(click))
    b1.setButtonType(.radio)
    b1.frame = NSRect(x: 5, y: 100, width: 70, height: 25)
    v.addSubview(b1)

    let b2 = NSButton(title: "綠色", target: self, action: #selector(click))
    b2.setButtonType(.radio)
    b2.frame = NSRect(x: 5, y: 130, width: 70, height: 25)
    v.addSubview(b2)

    let b3 = NSButton(title: "藍(lán)色", target: self, action: #selector(click))
    b3.setButtonType(.radio)
    b3.frame = NSRect(x: 5, y: 160, width: 70, height: 25)
    v.addSubview(b3)
    return v
}()

按鈕的使用

處理點擊事件

我們可以通過action屬性給按鈕設(shè)置處理點擊事件,同時也可以設(shè)置target來指定處理對象:

lazy var toggleButton: NSButton = {
    let button = NSButton()
    button.action = #selector(click)
    button.title = "start"
}()

@objc private func click(_ sender: NSButton) {
    print("click button")
}

設(shè)置邊框的外觀

我們可以通過更改按鈕的形狀和陰影來控制按鈕的邊框脖母。通過設(shè)置isBordered來控制是否顯示 邊框士鸥。如若要改邊框的形狀,請使用更改按鈕的邊框類型bezelStyle:镶奉。邊框類型有兩個主要類型:

  1. 如果您的按鈕主要由文本標(biāo)識础淤,請使用NSRoundedBezelStyle。它為文本按鈕使用適當(dāng)?shù)倪吙驑邮缴诳粒@是一個圓角矩形鸽凶;
  2. 如果您的按鈕主要是鑒定一個圖標(biāo),使用NSRegularSquareBezelStyle建峭,NSThickSquareBezelStyleNSThickerSquareBezelStyle玻侥。

設(shè)置按鈕的標(biāo)題

按鈕可以具有兩個與之關(guān)聯(lián)的標(biāo)題:正常和交替。如果按鈕類型NSMomentaryPushInButton亿蒸,NSPushOnPushOffButton凑兰,NSMomentaryLightButton掌桩,或者NSOnOffButton,是不斷顯示只有正常稱號姑食。如果按鈕類型為NSMomentaryChangeButtonNSToggleButton波岛,則在按鈕狀態(tài)為關(guān)閉(NSOffState)時顯示普通標(biāo)題,

如果標(biāo)題只包含純文本音半,使用setTitle:或setAlternateTitle:設(shè)置標(biāo)題则拷。如果希望標(biāo)題包含樣式文本,則使用setAttributedTitle:setAttributedAlternateTitle:設(shè)置標(biāo)題曹鸠。

如果要設(shè)置標(biāo)題的字體煌茬,可使用setFont:按鈕標(biāo)題的字體。

設(shè)置按鈕的圖像

一個按鈕可以具有兩個與之關(guān)聯(lián)的圖像:正常和交替彻桃。如果按鈕類是NSMomentaryPushInButton坛善,NSPushOnPushOffButtonNSMomentaryLightButton邻眷,或NSOnOffButton眠屎,只會顯示正常圖像。如果按鈕類型為NSMomentaryChangeButtonNSToggleButton耗溜,則在按鈕狀態(tài)為關(guān)閉(NSOffState)時顯示正常圖像组力。

注意: 如果按鈕是復(fù)選框或單選按鈕,請勿更改其圖像抖拴。這些按鈕的圖像是系統(tǒng)定義的燎字,更改它們可能會導(dǎo)致不可預(yù)測的結(jié)果。

如果要設(shè)置按鈕圖像的位置阿宅,請使用imagePosition候衍,并使用以下值之一。默認(rèn)是noImage洒放,具體作用如下:

public enum ImagePosition : UInt {
    case noImage    // 沒有圖片
    case imageOnly  // 只有圖片
    case imageLeft  // 左圖右文
    case imageRight // 左文右圖
    case imageBelow // 上文下圖
    case imageAbove // 上圖下文
    case imageOverlaps // 底層圖蛉鹿,上層文,重疊
    @available(OSX 10.12, *)
    case imageLeading
    @available(OSX 10.12, *)
    case imageTrailing
}

隱藏按鈕

按鍵鈕有兩種隱藏視圖的方法:使它完全透明的往湿,或者僅當(dāng)鼠標(biāo)懸停在其上方時才可以顯示其邊框妖异。

  • 若要使按鈕透明,請使用isTransparent领追。透明按鈕可跟蹤鼠標(biāo)并發(fā)送其動作他膳,但不會自行繪制。

  • 若要在按鈕處于活動狀態(tài)或鼠標(biāo)懸停在其上方時才顯示其邊框绒窑,請使用showsBorderOnlyWhileMouseInside棕孙。

默認(rèn)按鈕

當(dāng)按鈕設(shè)置為默認(rèn)按鈕。當(dāng)用戶按下Return鍵時,默認(rèn)按鈕會跳動蟀俊,并調(diào)用其操作消息钦铺。若要將按鈕標(biāo)記為默認(rèn)按鈕,請將其keyEquivalent設(shè)置為Return 肢预,如下所示:

button.keyEquivalent = "\r"

默認(rèn)按鈕周圍有一個粗略的輪廓矛洞,位于按鈕的邊框之外。界面設(shè)計時應(yīng)考慮到額外的空間误甚。

等效鍵

按鈕可以設(shè)置一個等效的鍵缚甩,當(dāng)用戶按下該鍵時谱净,該按鈕的響應(yīng)與被點擊一樣窑邦。需要注意,如果將鍵設(shè)置為等效于Return壕探,則該按鈕將成為默認(rèn)按鈕冈钦。

我們可以通過keyEquivalent來設(shè)置等效鍵。例如李请,要將其設(shè)置為Return瞧筛,則可使用:

button.keyEquivalent = "\r"

若要將按鈕的鍵設(shè)置為等效于非打印字符,可以使用由定義的鍵常數(shù)导盅,如以下示例所示较幌,該常數(shù)將按鈕的鍵設(shè)置為等效于左箭頭鍵:

var array = [unichar(NSLeftArrowFunctionKey)]
button.keyEquivalent = NSString(characters: array, length: 1) as String

小結(jié)

NSButton相對iOS中的UIButton會更強大,功能也更復(fù)雜白翻,在macOS開發(fā)中用得最多的組件之一乍炉。在接下來的一節(jié)我們來聊聊NSImageView。完整的源碼請訪問這里:https://github.com/dengyhgit/macOS-Dev-Demo/tree/master/NSButton滤馍, 如對你有幫忙岛琼,別忘點亮小??。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末巢株,一起剝皮案震驚了整個濱河市槐瑞,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌阁苞,老刑警劉巖困檩,帶你破解...
    沈念sama閱讀 218,682評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異那槽,居然都是意外死亡悼沿,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,277評論 3 395
  • 文/潘曉璐 我一進(jìn)店門倦炒,熙熙樓的掌柜王于貴愁眉苦臉地迎上來显沈,“玉大人,你說我怎么就攤上這事±叮” “怎么了涤浇?”我有些...
    開封第一講書人閱讀 165,083評論 0 355
  • 文/不壞的土叔 我叫張陵,是天一觀的道長魔慷。 經(jīng)常有香客問我只锭,道長,這世上最難降的妖魔是什么院尔? 我笑而不...
    開封第一講書人閱讀 58,763評論 1 295
  • 正文 為了忘掉前任蜻展,我火速辦了婚禮,結(jié)果婚禮上邀摆,老公的妹妹穿的比我還像新娘纵顾。我一直安慰自己,他們只是感情好栋盹,可當(dāng)我...
    茶點故事閱讀 67,785評論 6 392
  • 文/花漫 我一把揭開白布施逾。 她就那樣靜靜地躺著,像睡著了一般例获。 火紅的嫁衣襯著肌膚如雪汉额。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,624評論 1 305
  • 那天榨汤,我揣著相機與錄音蠕搜,去河邊找鬼。 笑死收壕,一個胖子當(dāng)著我的面吹牛妓灌,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播啼器,決...
    沈念sama閱讀 40,358評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼旬渠,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了端壳?” 一聲冷哼從身側(cè)響起告丢,我...
    開封第一講書人閱讀 39,261評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎损谦,沒想到半個月后岖免,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,722評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡照捡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,900評論 3 336
  • 正文 我和宋清朗相戀三年颅湘,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片栗精。...
    茶點故事閱讀 40,030評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡闯参,死狀恐怖瞻鹏,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情鹿寨,我是刑警寧澤新博,帶...
    沈念sama閱讀 35,737評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站脚草,受9級特大地震影響赫悄,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜馏慨,卻給世界環(huán)境...
    茶點故事閱讀 41,360評論 3 330
  • 文/蒙蒙 一埂淮、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧写隶,春花似錦倔撞、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,941評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至秩贰,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間柔吼,已是汗流浹背毒费。 一陣腳步聲響...
    開封第一講書人閱讀 33,057評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留愈魏,地道東北人觅玻。 一個月前我還...
    沈念sama閱讀 48,237評論 3 371
  • 正文 我出身青樓,卻偏偏與公主長得像培漏,于是被迫代替她去往敵國和親溪厘。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,976評論 2 355

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