macOS 開(kāi)發(fā)-NSTextField 實(shí)踐

這節(jié)主要通過(guò)實(shí)踐來(lái)學(xué)習(xí)NSTextField的使用兼都,初步了解NSTextField的代理方法、常用屬性、常用樣式等內(nèi)容,完整代碼可以參看源碼目錄下的NSTextField_Example項(xiàng)目薇芝。

TextField Delegate

NSTextFieldDelegate承繼于NSControlTextEditingDelegate,實(shí)際常用的只有NSControlTextEditingDelegate丰嘉,具體內(nèi)容如下:

func controlTextDidBeginEditing(Notification)
func controlTextDidChange(Notification)
func controlTextDidEndEditing(Notification)
func control(NSControl, isValidObject: Any?) -> Bool
func control(NSControl, didFailToValidatePartialString: String, errorDescription: String?)
func control(NSControl, didFailToFormatString: String, errorDescription: String?) -> Bool
func control(NSControl, textShouldBeginEditing: NSText) -> Bool
func control(NSControl, textShouldEndEditing: NSText) -> Bool
func control(NSControl, textView: NSTextView, completions: [String], forPartialWordRange: NSRange, indexOfSelectedItem: UnsafeMutablePointer<Int>) -> [String]
func control(NSControl, textView: NSTextView, doCommandBy: Selector) -> Bool

以上的代碼方法看起來(lái)非常恩掷,但在實(shí)踐開(kāi)發(fā)中,大數(shù)用到的主要是下面三個(gè):

extension ViewController: NSTextFieldDelegate
{
    /// 開(kāi)始編輯
    func controlTextDidBeginEditing(_ obj: Notification) {
        print("controlTextDidBeginEditing")
    }
    /// 結(jié)束編輯
    func controlTextDidEndEditing(_ obj: Notification) {
        print("controlTextDidEndEditing")
    }
    /// 內(nèi)容改變
    func controlTextDidChange(_ obj: Notification) {
        let textField = obj.object as? NSTextField
        print("controlTextDidChange,text:" + (textField?.stringValue ?? ""))
    }
}

TextField 常用屬性

我們可以通過(guò)查看NSTextField.h文件供嚎,來(lái)獲取到 NSTextField的常用屬性和方法有以下這些:

// 內(nèi)容為空時(shí)的提示文案
@property (nullable, copy) NSString *placeholderString;
// 內(nèi)容為空時(shí)的提示文案,富文本
@property (nullable, copy) NSAttributedString *placeholderAttributedString;
// 背景色
@property (nullable, copy) NSColor *backgroundColor;
// 是否繪制背景
@property BOOL drawsBackground;
// 文字顏色
@property (nullable, copy) NSColor *textColor;
// 是否繪制邊框
@property (getter=isBordered) BOOL bordered;
// 是否貝塞爾繪制
@property (getter=isBezeled) BOOL bezeled;
// 是否可編輯
@property (getter=isEditable) BOOL editable;
// 是否可選中
@property (getter=isSelectable) BOOL selectable;
// 選擇文本框時(shí)調(diào)用
- (void)selectText:(nullable id)sender;
// 設(shè)置代理
@property (nullable, weak) id<NSTextFieldDelegate> delegate;
// 是否允許開(kāi)始編輯文本框
- (BOOL)textShouldBeginEditing:(NSText *)textObject;
// 是否允許結(jié)束編輯文本框
- (BOOL)textShouldEndEditing:(NSText *)textObject;
// 文本框進(jìn)入編輯的通知
- (void)textDidBeginEditing:(NSNotification *)notification;
- (void)textDidEndEditing:(NSNotification *)notification;
// 文本框內(nèi)容發(fā)生變化的通知
- (void)textDidChange:(NSNotification *)notification;
// 獲取是否接受第一響應(yīng)
@property (readonly) BOOL acceptsFirstResponder;
// 設(shè)置貝塞爾風(fēng)格
@property NSTextFieldBezelStyle bezelStyle;
@property CGFloat preferredMaxLayoutWidth;
// 要顯示的最大行數(shù)。默認(rèn)值0表示沒(méi)有限制克滴。如果文本達(dá)到了允許的行數(shù)逼争,或者容器的高度不能容納所需的行數(shù),則文本將被剪切
@property NSInteger maximumNumberOfLines;

TextField文字居中

在前面內(nèi)容劝赔,已經(jīng)了解TextField的基本使用誓焦,但是發(fā)現(xiàn)使用時(shí)發(fā)現(xiàn)TextField中的文字沒(méi)有居中顯示,現(xiàn)在這我們來(lái)實(shí)現(xiàn)一個(gè)單行着帽、文字居中的TextField杂伟。

在實(shí)現(xiàn)單行文字居中的效果前,我們需要先了解NSTextFieldCell仍翰,它的作用是增強(qiáng)Cell的文本顯示功能的對(duì)象赫粥。

TextFieldCell的文字默認(rèn)點(diǎn)貼著頂部邊框的,我們可以在TextFieldCell渲染的時(shí)候予借,通過(guò)調(diào)用內(nèi)容的y坐標(biāo)來(lái)調(diào)整文本的越平,首頁(yè)我選擇自定義一個(gè)承繼于NSTextFieldCell的子類(lèi),因?yàn)槲覀兿M菃涡锌蓾L動(dòng)的灵迫,所以需要設(shè)置isScrollabletrue

class CustomTextFieldCell: NSTextFieldCell {
    override init(textCell string: String) {
        super.init(textCell: string)
        self.isScrollable = true
    }
    required init(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
}

接下來(lái)我們需要計(jì)算文字居中需要距離頂部的偏移量秦叛,以獲取文字居中的frame:

extension CustomTextFieldCell {
    private func adjustedFrameToVerticallyCenter(frame: NSRect) -> NSRect {
        let ascender = font?.ascender ?? 0.0
        let descender = font?.descender ?? 0.0
        let offset = ceilf(Float(NSHeight(frame)/2 - ascender - descender))
        return NSInsetRect(frame, 0, CGFloat(offset))
    }
}

獲得修正后的frame后,我在文字繪制的時(shí)候調(diào)整其frame即可達(dá)到小居中的效果:

extension CustomTextFieldCell {
    override func edit(withFrame rect: NSRect, in controlView: NSView, editor textObj: NSText, delegate: Any?, event: NSEvent?) {
        let frame = adjustedFrameToVerticallyCenter(frame: rect)
        super.edit(withFrame: frame, in: controlView, editor: textObj, delegate: delegate, event: event)
    }
    
    override func select(withFrame rect: NSRect, in controlView: NSView, editor textObj: NSText, delegate: Any?, start selStart: Int, length selLength: Int) {
        let frame = adjustedFrameToVerticallyCenter(frame: rect)
        super.select(withFrame: frame, in: controlView, editor: textObj, delegate: delegate, start: selStart, length: selLength)
    }
    
    override func drawInterior(withFrame cellFrame: NSRect, in controlView: NSView) {
        let frame = adjustedFrameToVerticallyCenter(frame: cellFrame)
        super.drawInterior(withFrame: frame, in: controlView)
    }
}

我們實(shí)現(xiàn)了TextFieldCell后瀑粥,在創(chuàng)建TextField時(shí)挣跋,把TextFieldcell指定為我們自定義的TextFieldCell,即可以實(shí)現(xiàn)最終的效果:

lazy var centerTextField: NSTextField = {
    let v = NSTextField()
    v.frame = NSRect(x: 50, y: 190, width: 100, height: 38)
    let cell = CustomTextFieldCell(textCell: "CustomTextFieldCell")
    cell.isEditable = true
    v.cell = cell
    return v
}()

快捷鍵支持

NSTextfield本身是不會(huì)處理系統(tǒng)事件的狞换,如果在文本框中我們需要支持復(fù)制避咆、粘貼這類(lèi)事情,我們則需要單獨(dú)去監(jiān)聽(tīng)鍵盤(pán)事件哀澈。我們只需要重寫(xiě)NSResponder中的performKeyEquivalent(with:):

// 處理按鍵事件
func performKeyEquivalent(with event: NSEvent) -> Bool

重寫(xiě)該方法以處理按鍵事件牌借。如果事件中的character code或codes與接收方的鍵值匹配,則接收方應(yīng)響應(yīng)事件并返回true割按。如果不重寫(xiě)膨报,該方法默認(rèn)返回false,什么也不做适荣。

了解performKeyEquivalent(with:)的作用后现柠,我們只要重寫(xiě)該方法并通過(guò)按鍵值來(lái)做相應(yīng)的處理,卻可以實(shí)現(xiàn)相應(yīng)的快捷功能:

extension NSTextField {
    override open func performKeyEquivalent(with event: NSEvent) -> Bool {
        let modifierkeys = event.modifierFlags.intersection(.deviceIndependentFlagsMask)
        let key = event.characters ?? ""
        /// 點(diǎn)擊 esc 取消焦點(diǎn)
        if modifierkeys.rawValue == 0 && key == "\u{1B}" {
            self.window?.makeFirstResponder(nil)
        }
        // command + shift + z 還原
        if modifierkeys == [.command, .shift] && key == "z" {
            self.window?.firstResponder?.undoManager?.redo()
            return true
        }
        if modifierkeys != .command {
            return super.performKeyEquivalent(with: event)
        }
        switch key {
        case "a":  // 撤消 
            return NSApp.sendAction(#selector(NSText.selectAll(_:)), to: self.window?.firstResponder, from: self)
        case "c":  // 復(fù)制
            return NSApp.sendAction(#selector(NSText.copy(_:)), to: self.window?.firstResponder, from: self)
        case "v":  // 粘貼
            return NSApp.sendAction(#selector(NSText.paste(_:)), to: self.window?.firstResponder, from: self)
        case "x":  // 剪切
            return NSApp.sendAction(#selector(NSText.cut(_:)), to: self.window?.firstResponder, from: self)
        case "z":  // 撤消
            self.window?.firstResponder?.undoManager?.undo()
            return true
        default:
            return super.performKeyEquivalent(with: event)
        }
    }
}

小結(jié)

這節(jié)主要通過(guò)TextField的實(shí)踐來(lái)加強(qiáng)對(duì)其的了解弛矛,常用的一些屬性和功能都包括在用够吩,可以滿(mǎn)足大部分的場(chǎng)景。接下來(lái)我們學(xué)習(xí)NSButton的使用丈氓。完整的項(xiàng)目源碼請(qǐng)?jiān)L問(wèn)這里:https://github.com/dengyhgit/macOS-Dev-Demo/tree/master/NSTextField_Example周循, 如對(duì)你有幫忙强法,別忘點(diǎn)亮小??。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末湾笛,一起剝皮案震驚了整個(gè)濱河市饮怯,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌嚎研,老刑警劉巖蓖墅,帶你破解...
    沈念sama閱讀 217,185評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異临扮,居然都是意外死亡论矾,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,652評(píng)論 3 393
  • 文/潘曉璐 我一進(jìn)店門(mén)杆勇,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)贪壳,“玉大人,你說(shuō)我怎么就攤上這事靶橱×认” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 163,524評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵关霸,是天一觀(guān)的道長(zhǎng)传黄。 經(jīng)常有香客問(wèn)我,道長(zhǎng)队寇,這世上最難降的妖魔是什么膘掰? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,339評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮佳遣,結(jié)果婚禮上识埋,老公的妹妹穿的比我還像新娘。我一直安慰自己零渐,他們只是感情好窒舟,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,387評(píng)論 6 391
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著诵盼,像睡著了一般惠豺。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上风宁,一...
    開(kāi)封第一講書(shū)人閱讀 51,287評(píng)論 1 301
  • 那天洁墙,我揣著相機(jī)與錄音,去河邊找鬼戒财。 笑死热监,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的饮寞。 我是一名探鬼主播孝扛,決...
    沈念sama閱讀 40,130評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼列吼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了疗琉?” 一聲冷哼從身側(cè)響起冈欢,我...
    開(kāi)封第一講書(shū)人閱讀 38,985評(píng)論 0 275
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎盈简,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體太示,經(jīng)...
    沈念sama閱讀 45,420評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡柠贤,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,617評(píng)論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了类缤。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片臼勉。...
    茶點(diǎn)故事閱讀 39,779評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖餐弱,靈堂內(nèi)的尸體忽然破棺而出宴霸,到底是詐尸還是另有隱情,我是刑警寧澤膏蚓,帶...
    沈念sama閱讀 35,477評(píng)論 5 345
  • 正文 年R本政府宣布瓢谢,位于F島的核電站,受9級(jí)特大地震影響驮瞧,放射性物質(zhì)發(fā)生泄漏氓扛。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,088評(píng)論 3 328
  • 文/蒙蒙 一论笔、第九天 我趴在偏房一處隱蔽的房頂上張望采郎。 院中可真熱鬧,春花似錦狂魔、人聲如沸蒜埋。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,716評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)整份。三九已至,卻和暖如春管嬉,著一層夾襖步出監(jiān)牢的瞬間皂林,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,857評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工蚯撩, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留础倍,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,876評(píng)論 2 370
  • 正文 我出身青樓胎挎,卻偏偏與公主長(zhǎng)得像沟启,于是被迫代替她去往敵國(guó)和親忆家。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,700評(píng)論 2 354

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