macOS 开发上手要点

macOS 开发上手要点

第一部分：

关键词：工具、创建APP 时、设计UI、调试代码。

开发条件：

1、一台运行 macOS Sierra 的 Mac。

2、Xcode：用于创建 macOS app 的 IDE。

3、开发者账号，生产调试和发布证书。

创建APP工程：选择cocoa application类型，创建好的工程自带以下内容：

• 窗口是可调整大小的，可以最小化也可以全屏。

• 有一套完整的菜单，虽然你没有做任何事，其中许多已经在工作了。

• Dock 图标有常用的菜单。

macOS和iOSUI组件不同，组件面板属性不同，自动布局有更多属性。

技巧：组件名称或内容长度大于本身长度时，无法显示所有文本，打开 Editor 菜单然后选择 Size to Fit Content。

第二部分：

关键词：创建、组件、启动、构建UI、处理交互。

Storyboard 编辑窗口包含三个组件：

• Application Scene 应用程序场景，包含菜单栏。

• Window Controller Scene 窗口场景，可以管理相同场景的多个窗口，负责调整大小、app 是否自动保存窗口大小（Autosave name ）和位置等。

• View Controller Scene 视图场景，页面绘制之处。

要控制app的窗口最小尺寸，需要设置Window Controller Scene和View Controller Scene的Content Size以及Minimum Content Size。

如果不设置自动保存名称（Autosave name ），那么窗口每次都会出现在设计时的位置。

APP构建流程：UI设计

选中需要拷贝的组件，按下Command-D组合键即可拷贝粘贴组件。

制作stack view：同时选中需要归组的组件，然后点击 Editor/Embed In/Stack View。要让stackview内的组件填满 stack view，选中新的 Stack View，然后在 Attributes Inspector 里做如下改变：

• Distribution：Fill Equally

• Spacing：0

Stack View是一个容器，可以将其作为一个单独的组件，为其添加autosize布局约束，添加方法和iOS中一致。

使用lable制作倒计时，可以将字体设置为“Helvetica Neue”，可以避免倒计时闪烁。

在 Attributes Inspector 中，将 ** Scaling** 设置为 Proportionally Up or Down，更改布局约束的value为Standard Value，可以切换约束值计算方式。

菜单栏的结构是一系列嵌套菜单和菜单项，每个菜单项包含一个带有自己的 NSMenuItems 的子菜单（NSMenu），NSMenuItems也可以增加下级菜单（NSMenu）。选中子菜单项，按下Control键，右键拖动指向Application （绑定系统自带程序级事件）、 First Responder（绑定用户可自定义事件） ，可以为菜单绑定响应事件。当实现事件的窗口不是第一响应者，那么对应菜单会被置灰，系统会自动检测。

要添加新的窗口：可以在右下角Objects Library 中搜索 “window”，将一个新的窗口控制器拖动到可视化编辑器中，开发方式和默认窗口相同。需要注意的是，如果想将弹出新窗口操作绑定到菜单上，可以选中子菜单项，按下Control键，右键拖动指向新的window，从出现的弹出窗口中选择 Show，以此创建一个 segue（窗口间联系）。窗口新建好后，还需要为其创建对应的controller代码文件，方法同iOS一样，只需要在创建好代码文件后在 Identity Inspector 中，将其类设置为 新建的controller文件。

第三部分：

关键词：沙盒

沙盒 app 有自己的空间，可以使用单独的文件存储区域，无法访问其他 app 创建的文件，具有有限的访问权限，对于 macOS app，这是可选的；但是，如果要通过 Mac App Store 分发 app，则必须将其沙盒化。一般情况下，都应将 app 沙盒化，因为这使 app 减少潜在问题。

开启沙盒：在 Project Navigator 中选择项目（顶部带有蓝色图标的那个）。在 Targets 中选择 项目，然后单击顶部选项卡中的 Capabilities。单击开关以启用 App Sandbox，展开后显示现在 app 可以请求的各种权限。

工程文件结构组织：同iOS差不多，后续深入研究不断优化。