Mac OS app 用 StoryBoard开发的一点感想

LazySleep

2020-05-25

关注关注

Mac OS app 用 StoryBoard开发的一点感想。

前提

最近在学习app的逆向，准备自己搞一个app，然后用逆向工具对其进行恶搞一下。

选择

纠结在于用Mac app还是 IOS app，纠结了一下，选择了Mac app。
原因：

开发体验
搞Mac app不用起模拟器。15年的阉割版的Mac跑起模拟器来那叫一个吵和卡。
开发效率
电脑不卡，开发效率就会高一点，主要是心情会好，不然太卡的话，写代码的时候特别烦。
简单
XCode打开，直接run就好了。

趟坑

以为的简单并不简单
以为开发来说和和IOS的差不多，但是实际是关于Mac app的开发介绍的文章很少、app 数量也很少
在过去Objective-C一直是苹果生态里的重要语言，最近几年虽说主推Swift，但是应该也不至于死掉吧？
没想到现在用Objective-C开发的实在是太少少了
XCode 11
嗯，你没看错，就是XCode11，这个版本的XCode UI应该是更新了，所以我能找到的文章都是Objective-C写的，那时候的XCode UI和现在的UI不一样
StoryBoard
负责UI层展示，这个有很多magic的操作，找不到那就JJ了，完全玩不动呀，当然苹果现在主推SwiftUI，所以。。。用的时候一直觉的微软是真的好呀，winform拖控件是真的简单。
- 给按钮绑定个单击事件
  我搞了快一天，一直找不到storyboard的UI怎么和controller关联起来的，然后自然也找不到按钮的点击事件
  - 如何关联controller
```
#import <Cocoa/Cocoa.h>
@interface ViewController : NSViewController
@end
```
  - 如何给按钮添加点击事件
    1. 在xcode中打开storyboard文件，找到你要添加点击事件的按钮。
    2. 在左侧文件列表中找到关联的那个controller，按住option键然后点击，出现双屏，一屏是storyboard，一屏是代码
    3. 按住control键，点着那个按钮拖向代码文件。
    4. 出现dialog，填上你的内容
    5. 结束
      简单的gif

app的功能

一个添加页面
- 一个清除按钮,点击之后清除页面输入的数据
- 一个确定按钮，点击之后会将信息携带到详情展示页面
- 两个label，两个输入框
- 设置view的背景色
一个详情展示页面
- 展示上个页面填写的内容

遇到问题

代码里如何或者输入框里的内容
在ViewController.h中绑定两个属性，然后在impl中可以直接使用
做法：还是分屏，然后ctrl拖拽，之后就会生成两个属性

// interface
#import <Cocoa/Cocoa.h>

@interface ViewController : NSViewController
@property (weak) IBOutlet NSTextField *nameTextField;
@property (weak) IBOutlet NSTextField *phoneTextField;
@end

//impl
#import "ViewController.h"

@implementation ViewController

@synthesize nameTextField;
@synthesize phoneTextField;

// 获取姓名输入框的内容
- (NSString *)getName {
    return [nameTextField stringValue];
}
// 获取手机号输入框的内容
- (NSString *)getPhone {
    return [phoneTextField stringValue];
}
//清除输入框内容
- (IBAction)CancelClicked:(id)sender {
    [nameTextField setStringValue:@""];
    [phoneTextField setStringValue:@""];
}
// other code
@end

如何设置背景色
拓展NSView，添加设置背景色方法，然后绑定到UI层，
- 实现代码

// interface
#import <Foundation/Foundation.h>
#import <AppKit/AppKit.h>

@interface NSView (backGroundColor)
-(void) setBackGroundColor: (NSColor *) color;
@end

//impl
#import "backgroundColor.h"

@implementation NSView (backgroundColor)
- (void)setBackGroundColor:(NSColor *)color {
    [self setWantsLayer:YES];
    self.layer = [CALayer layer];
    [self.layer setBackgroundColor:[color CGColor]];
}
@end

绑定
输入名称和拓展的方法一致，省掉set方法

Mac OS app 用 StoryBoard开发的一点感想

如何点击确定跳转到另一个界面呢
在storyboard界面找到按钮，ctrl拖到它点击之后要跳转的界面

Mac OS app 用 StoryBoard开发的一点感想

之后出现这个dialog
Mac OS app 用 StoryBoard开发的一点感想

这样就完成了。

如何将值传过去呢
先看一下两个界面之间建立了啥

是个NSStoryboardSegue类型的东西

@interface NSStoryboardSegue : NSObject

/* NSStoryboardSegue instances have optional identifiers that can be assigned in Interface Builder. These identifiers can be used in overrides of -[NSViewController prepareForSegue:sender:] to differentiate segues. */
@property (nullable, readonly, copy) NSStoryboardSegueIdentifier identifier;

/* Subclasses of NSStoryboardSegue can use this property to access the source view or window controller that is being segued away from. */
@property (readonly, strong) id sourceController;

/* Subclasses of NSStoryboardSegue can use this property to access the destination view or window controller that‘s being segued to. This property is also essential for overrides of -[NSViewController prepareForSegue:sender:], which is passed to the source view controller. This property allows the receiver of -[NSViewController prepareForSegue:sender:] to access and pass configuration data to the destination controller. */
@property (readonly, strong) id destinationController;

@end

有sourceController和destinationController，是不是很明确了

步骤
1. 重写SourceController(NSViewController)的- (void)prepareForSegue:(NSStoryboardSegue *)segue sender:(nullable id)sender方法

```objective-c
  - (void)prepareForSegue:(NSStoryboardSegue *)segue sender:(nullable id)sender {
        DetailController *detailController = [[DetailController alloc] init]; // destinationController
        detailController = segue.destinationController;
        UserInfo *userInfo = [[UserInfo alloc] init];
        [userInfo setName:[self getName] andPhone:[self getPhone]];
        detailController.userInfo= userInfo;//设置要传递的值
    }  
```
2. destinationController
添加一个属性接收传递的值，在`viewDidLoad`方法里将传递的值给赋值到view上
```objective-c
// interface
    @interface DetailController : NSViewController
    @property UserInfo *userInfo;
    @property (weak) IBOutlet NSTextField *nameTextField;
    @property (weak) IBOutlet NSTextField *phoneTextField;
    @end


// impl
    @implementation DetailController
    @synthesize userInfo;
    @synthesize nameTextField;
    @synthesize phoneTextField;

    - (void)viewDidLoad {
        [super viewDidLoad];
        [nameTextField setStringValue:[userInfo name]];
        [phoneTextField setStringValue:[userInfo phone]];
    }
    @end
```