一步一步熟悉Mac app開發(fā)(五)之Menu Bar和Popover

概要

本文共分為個階段,每個階段完成后都可以看到階段性成果痢士。
階段一彪薛、顯示Menu Bar小圖標。
階段二、隱藏程序窗口和啟動欄圖標善延。(無圖)
階段三少态、點擊MenuBar小圖標,出現(xiàn)菜單易遣。
階段四彼妻、點擊MenuBar小圖標,出現(xiàn)一個小窗口豆茫。
階段五侨歉、通過事件監(jiān)聽鼠標點擊,“智能”關(guān)閉小窗口揩魂。

階段一

1.創(chuàng)建工程幽邓,向工程中加入圖標,對圖標資源進行設(shè)置肤京。


圖標在此
image.png
image.png

2.在AppDelegate.h中添加NSStatusItem類型的指針變量颊艳,對其進行初始化操作,定義一個getDiamond函數(shù)忘分。

//AppDelegate.m
#import "AppDelegate.h"

@interface AppDelegate ()

@property NSStatusItem *statusItem;
- (void) getDiamond:(NSStatusBarButton *)sender;

@end

@implementation AppDelegate

- (void)applicationDidFinishLaunching:(NSNotification *)aNotification {
    // Insert code here to initialize your application
    
    //初始化_statusItem
    _statusItem = [[NSStatusBar systemStatusBar] statusItemWithLength:NSVariableStatusItemLength];
    
    //設(shè)置_statusItem按鈕相關(guān)信息
    NSStatusBarButton *button = _statusItem.button;
    if(button){
        button.image = [NSImage imageNamed:@"zuan"];
        button.action = @selector(getDiamond:);
    }
}

- (void) getDiamond:(NSStatusBarButton *)sender {
    NSLog(@"You get a lot of diamonds!");
}

- (void)applicationWillTerminate:(NSNotification *)aNotification {
    // Insert code here to tear down your application
}
@end

3.Command+R運行棋枕,效果如下。


image.png

階段二

1.打開storyboard妒峦,選中窗口重斑,取消勾選【Is initial Controller】便可去掉窗口。


image.png

2.打開工程設(shè)置肯骇,點擊【Info】窥浪,新增“Application is agent (UIElement)”選項,其值為YES笛丙。


image.png

3.階段二完成漾脂!

階段三

1.注釋掉AppDelegate.m中applicationDidFinishLaunching函數(shù)內(nèi)部的如下語句

//button.action = @selector(getDiamond:);

2.在applicationDidFinishLaunching函數(shù)中添加如下語句。

    NSMenu *menu;
    menu = [[NSMenu alloc] init];
    [menu addItem:[[NSMenuItem alloc] initWithTitle:@"Get Diamond" action:@selector(getDiamond:) keyEquivalent:@"g"] ];
    [menu addItem:[NSMenuItem separatorItem]];
    [menu addItem:[[NSMenuItem alloc] initWithTitle:@"Quit" action:@selector(terminate:) keyEquivalent:@"q"] ];
    _statusItem.menu = menu;

3.AppDelegate.m修改后的完整版代碼如下胚鸯。

#import "AppDelegate.h"
@interface AppDelegate ()
@property NSStatusItem *statusItem;
- (void) getDiamond:(NSStatusBarButton *)sender;
@end

@implementation AppDelegate
- (void)applicationDidFinishLaunching:(NSNotification *)aNotification {
    // Insert code here to initialize your application
    
    //初始化_statusItem
    _statusItem = [[NSStatusBar systemStatusBar] statusItemWithLength:NSVariableStatusItemLength];
    
    //設(shè)置_statusItem按鈕相關(guān)信息
    NSStatusBarButton *button = _statusItem.button;
    if(button){
        button.image = [NSImage imageNamed:@"zuan"];
        //button.action = @selector(getDiamond:);
    }
    
    NSMenu *menu;
    menu = [[NSMenu alloc] init];
    [menu addItem:[[NSMenuItem alloc] initWithTitle:@"Get Diamond" action:@selector(getDiamond:) keyEquivalent:@"g"] ];
    [menu addItem:[NSMenuItem separatorItem]];
    [menu addItem:[[NSMenuItem alloc] initWithTitle:@"Quit" action:@selector(terminate:) keyEquivalent:@"q"] ];
    _statusItem.menu = menu;
}

- (void) getDiamond:(NSStatusBarButton *)sender {
    NSLog(@"You get a lot of diamonds!");
}

- (void)applicationWillTerminate:(NSNotification *)aNotification {
    // Insert code here to tear down your application
}
@end

4.階段三完成骨稿,效果如下。


image.png

階段四

1.添加一個ViewController的子類GetDiamonds姜钳,創(chuàng)建xib文件坦冠,聲明并完成其初始化方法。

//DiamondViewController.h
#import <Cocoa/Cocoa.h>
@interface DiamondViewController : NSViewController
- (id) initWithCustom;
@end
//DiamondViewController.m
- (id) initWithCustom{
    self = [super initWithNibName:@"DiamondViewController" bundle:nil];
    return self;
}

2.點擊DiamondViewController.xib文件哥桥,選擇label拖拽直View中央辙浑。


image.png

3.打開AppDelegate.m,新增一個NSPopver的指針變量拟糕,新增部分代碼判呕,完成后代碼如下倦踢。

#import "AppDelegate.h"
#import "DiamondViewController.h"
@interface AppDelegate ()

@property NSStatusItem *statusItem;
@property NSPopover *popover;
- (void) getDiamond:(NSStatusBarButton *)sender;
- (void)toggleWeather:(NSStatusBarButton *)sender
@end

@implementation AppDelegate

- (void)applicationDidFinishLaunching:(NSNotification *)aNotification {
    // Insert code here to initialize your application
    
    //初始化_statusItem
    _statusItem = [[NSStatusBar systemStatusBar] statusItemWithLength:NSVariableStatusItemLength];
    
    //設(shè)置_statusItem按鈕相關(guān)信息
    NSStatusBarButton *button = _statusItem.button;
    if(button){
        button.image = [NSImage imageNamed:@"zuan"];
        //修改
        button.action = @selector(toggleDiamond:);
    }
// 將menu注釋掉。
//    NSMenu *menu;
//    menu = [[NSMenu alloc] init];
//    [menu addItem:[[NSMenuItem alloc] initWithTitle:@"Get Diamond" action:@selector(getDiamond:) keyEquivalent:@"g"] ];
//    [menu addItem:[NSMenuItem separatorItem]];
//    [menu addItem:[[NSMenuItem alloc] initWithTitle:@"Quit" action:@selector(terminate:) keyEquivalent:@"q"] ];
//    _statusItem.menu = menu;
  
    //新增
    _popover = [[NSPopover alloc] init];
    _popover.contentViewController = [[DiamondViewController alloc] initWithCustom];
}

- (void) getDiamond:(NSStatusBarButton *)sender {
    NSLog(@"You get a lot of diamonds!");
}

//新增
- (void)toggleDiamond:(NSStatusBarButton *)sender{
    if([_popover isShown]){
        [_popover performClose:sender];
    }else{
        NSStatusBarButton *button = _statusItem.button;
        if(button){
            [_popover showRelativeToRect:button.bounds ofView:button preferredEdge:NSRectEdgeMinY];
        }
    }
}

- (void)applicationWillTerminate:(NSNotification *)aNotification {
    // Insert code here to tear down your application
}
@end

4.階段四完成佛玄,效果如下硼一。


image.png

階段五

1.新建NSObject的子類EventMonitor,代碼如下梦抢。

//EventMonitor.h
import <Cocoa/Cocoa.h>
@interface EventMonitor : NSObject
@property id monitor;
@property NSEventMask mask;
@property void (^handler)(NSEvent *);
- (id) initWithMaskAndHandler:(NSEventMask)mask handler:(void (^)(NSEvent *))handler;
- (void) start;
- (void) stop;
@end
//EventMonitor.m
#import "EventMonitor.h"
@implementation EventMonitor
- (id) initWithMaskAndHandler:(NSEventMask)mask handler:(void (^)(NSEvent *)) handler {
    self = [super init];
    if(self){
        _mask = mask;
        _handler = handler;
    }
    return self;
}

- (void) start{
    _monitor = [NSEvent addGlobalMonitorForEventsMatchingMask:_mask handler:_handler];
}

- (void) stop{
    if(_monitor != nil ){
        [NSEvent removeMonitor:_monitor];
        _monitor = nil;
    }
}
@end

3.打開AppDelegate.m般贼,添加EventMonitor的成員變量,并對其進行初始化奥吩。

@property EventMonitor* eventMonitor;
 _eventMonitor = [[EventMonitor alloc] initWithMaskAndHandler:NSEventMaskLeftMouseUp|NSEventMaskRightMouseUp handler:^(NSEvent *h) {
        if([_popover isShown]){
            [self closePopover:h];
        }
    }];

4.對代碼進行修改哼蛆,新增closePopover和showPopover函數(shù),修改toggleDiamond函數(shù)部分代碼霞赫。

//新增
-(void) closePopover:(id)sender{
    [_popover performClose:sender];
    
    [_eventMonitor stop];
}

//新增
-(void) showPopover:(id)sender{
    NSStatusBarButton *button = [_statusItem button];
    if(button){
        [_popover showRelativeToRect:button.bounds ofView:button preferredEdge:NSRectEdgeMinY];
    }
    [_eventMonitor start];
}

-(void) toggleDiamond:(NSStatusBarButton *)sender{
    if([_popover isShown]){
        //修改
        [self closePopover:sender];
    }else{
        //修改
        [self showPopover:sender];
    }
}

5.階段五完成腮介,效果如下。


image.png

結(jié)語

想了解更多關(guān)于Popover的用法端衰,詳見:一步一步熟悉Mac app開發(fā)(九)之NSPopover

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末叠洗,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子旅东,更是在濱河造成了極大的恐慌灭抑,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,290評論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件抵代,死亡現(xiàn)場離奇詭異腾节,居然都是意外死亡,警方通過查閱死者的電腦和手機荤牍,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,107評論 2 385
  • 文/潘曉璐 我一進店門案腺,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人康吵,你說我怎么就攤上這事劈榨。” “怎么了晦嵌?”我有些...
    開封第一講書人閱讀 156,872評論 0 347
  • 文/不壞的土叔 我叫張陵鞋既,是天一觀的道長。 經(jīng)常有香客問我耍铜,道長,這世上最難降的妖魔是什么跌前? 我笑而不...
    開封第一講書人閱讀 56,415評論 1 283
  • 正文 為了忘掉前任棕兼,我火速辦了婚禮,結(jié)果婚禮上抵乓,老公的妹妹穿的比我還像新娘伴挚。我一直安慰自己靶衍,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,453評論 6 385
  • 文/花漫 我一把揭開白布茎芋。 她就那樣靜靜地躺著颅眶,像睡著了一般。 火紅的嫁衣襯著肌膚如雪田弥。 梳的紋絲不亂的頭發(fā)上涛酗,一...
    開封第一講書人閱讀 49,784評論 1 290
  • 那天,我揣著相機與錄音偷厦,去河邊找鬼商叹。 笑死,一個胖子當(dāng)著我的面吹牛只泼,可吹牛的內(nèi)容都是我干的剖笙。 我是一名探鬼主播,決...
    沈念sama閱讀 38,927評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼请唱,長吁一口氣:“原來是場噩夢啊……” “哼弥咪!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起十绑,我...
    開封第一講書人閱讀 37,691評論 0 266
  • 序言:老撾萬榮一對情侶失蹤聚至,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后孽惰,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體晚岭,經(jīng)...
    沈念sama閱讀 44,137評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,472評論 2 326
  • 正文 我和宋清朗相戀三年勋功,在試婚紗的時候發(fā)現(xiàn)自己被綠了坦报。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,622評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡狂鞋,死狀恐怖片择,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情骚揍,我是刑警寧澤字管,帶...
    沈念sama閱讀 34,289評論 4 329
  • 正文 年R本政府宣布,位于F島的核電站信不,受9級特大地震影響嘲叔,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜抽活,卻給世界環(huán)境...
    茶點故事閱讀 39,887評論 3 312
  • 文/蒙蒙 一硫戈、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧下硕,春花似錦丁逝、人聲如沸汁胆。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,741評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽嫩码。三九已至,卻和暖如春罪既,著一層夾襖步出監(jiān)牢的瞬間铸题,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評論 1 265
  • 我被黑心中介騙來泰國打工萝衩, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留回挽,地道東北人。 一個月前我還...
    沈念sama閱讀 46,316評論 2 360
  • 正文 我出身青樓猩谊,卻偏偏與公主長得像千劈,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子牌捷,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,490評論 2 348

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

  • 1.ios高性能編程 (1).內(nèi)層 最小的內(nèi)層平均值和峰值(2).耗電量 高效的算法和數(shù)據(jù)結(jié)構(gòu)(3).初始化時...
    歐辰_OSR閱讀 29,336評論 8 265
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5墙牌? 答:HTML5是最新的HTML標準。 注意:講述HT...
    kismetajun閱讀 27,449評論 1 45
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,756評論 25 707
  • A:阿凹 B:八捌拔跋魃白伯般剝雹薄逼鼻荸驃憋鱉癟別缽撥餑泊帛舶箔駁鈸勃渤脖鵓博搏膊礴 C: 嚓擦糙插察碴拆吃哧出...
    瑤湘兒閱讀 9,301評論 0 0
  • 使用mongo命令進入數(shù)據(jù)后再進行權(quán)限認證 查詢集合的所有文檔記錄 查詢特定條件的文檔 刪除集合里的所有文檔記錄
    認真點啊閱讀 138評論 0 0