27、打造高效用户界面与设计专属程序全攻略

tree8

于 2025-12-02 09:00:21 发布

阅读量5

点赞数

CC 4.0 BY-SA版权

分类专栏： Mac编程入门指南文章标签：下拉菜单用户界面设计程序开发

本文链接：https://blog.youkuaiyun.com/tree8/article/details/155620233

Mac编程入门指南专栏收录该内容

31 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

打造高效用户界面与设计专属程序全攻略

在软件开发过程中，设计一个简洁易用的用户界面以及开发出能切实解决问题的程序至关重要。下面将详细介绍创建下拉菜单以及设计自己程序的相关内容。

下拉菜单的创建与定制

当我们开发一个新程序时，简洁的用户界面可能仅由带有几个按钮或复选框的窗口组成。然而，窗口内可容纳的选项数量有限。为了更好地组织命令，我们可以使用下拉菜单。下拉菜单能存储和组织多个命令，在用户需要时才显示出来，还能创建子菜单并为特定菜单命令分配快捷键。

当创建新程序时，Interface Builder 会自动为我们创建一个标准的下拉菜单。但为了让这个下拉菜单符合我们的需求，需要对其进行定制。

常见下拉菜单类型

通常会出现以下六种下拉菜单：
| 菜单名称 | 功能描述 |
| ---- | ---- |
| File | 用于操作程序使用的文件，如打开、创建、打印和保存等 |
| Edit | 用于编辑数据，如剪切、复制和粘贴等 |
| Format | 用于更改数据的外观 |
| View | 用于更改屏幕窗口中显示的数据的外观 |
| Window | 用于操作显示数据的多个窗口 |
| Help | 用于获取使用程序的帮助 |

编辑菜单或菜单项

由于 Xcode 会自动为 Cocoa 应用程序创建通用的下拉菜单，所以需要对这些菜单和菜单项进行定制。
编辑下拉菜单的步骤如下：
1. 双击包含要编辑的下拉菜单的 MainMenu.xib 文件，此时会打开 Interface Builder。
2. 双击 MainMenu.xib 窗口内的 Main Menu 图标，以显示下拉菜单栏。
3. 双击要编辑的菜单对象，例如若要更改 Format 菜单的名称，就双击 Format，所选菜单会高亮显示。
4. 输入新文本或使用箭头键编辑现有的菜单标题。

编辑下拉菜单中的菜单项的步骤如下：
1. 双击包含要编辑的下拉菜单的 MainMenu.xib 文件。
2. 双击 MainMenu.xib 窗口内的 Main Menu 图标，以显示下拉菜单栏。
3. 点击包含要编辑的菜单项的菜单，会弹出下拉菜单。
4. 双击要编辑的菜单项，所选菜单项会高亮显示。
5. 输入新文本或使用箭头键编辑现有的菜单项标题。

另外，也可以通过点击菜单或菜单项，然后选择 Tools ➤ Attributes Inspector，在 Attributes Inspector 窗口中进行编辑。

移动菜单或菜单项

有时下拉菜单或菜单项的显示顺序可能不符合我们的期望，这时可以将其移动到其他位置。
移动菜单的步骤如下：
1. 双击包含要移动的下拉菜单的 MainMenu.xib 文件。
2. 双击 MainMenu.xib 窗口内的 Main Menu 图标，以显示下拉菜单栏。
3. 点击要移动的菜单（如 Edit 或 View），并向左或向右拖动鼠标，移动鼠标时会出现一条垂直线，指示释放鼠标按钮时菜单将出现的位置。
4. 当对菜单的新位置满意时，释放鼠标按钮。

移动菜单项的步骤如下：
1. 双击包含要移动的菜单项所在的下拉菜单的 MainMenu.xib 文件。
2. 双击 MainMenu.xib 窗口内的 Main Menu 图标，以显示下拉菜单栏。
3. 点击包含要移动的菜单项的菜单（如 File 或 Edit），会弹出下拉菜单。
4. 点击要移动的菜单项，并向上或向下拖动鼠标，移动鼠标时会出现一条水平线，指示释放鼠标按钮时菜单项将出现的位置。
5. 当对菜单项的新位置满意时，释放鼠标按钮。

删除菜单和菜单项

Xcode 创建的默认下拉菜单可能包含程序不需要的菜单和菜单项，这时可以将其删除。
删除下拉菜单（以及该下拉菜单中存储的所有菜单项）的步骤如下：
1. 双击包含要删除的下拉菜单的 MainMenu.xib 文件。
2. 双击 MainMenu.xib 窗口内的 Main Menu 图标，以显示下拉菜单栏。
3. 点击要删除的菜单，该菜单的下拉菜单会出现。
4. 再次点击该菜单，其下拉菜单会消失。
5. 按 Delete 或 Backspace 键删除所选菜单。

删除菜单项的步骤如下：
1. 双击包含要删除的菜单项所在的下拉菜单的 MainMenu.xib 文件。
2. 双击 MainMenu.xib 窗口内的 Main Menu 图标，以显示下拉菜单栏。
3. 点击包含要删除的菜单项的菜单，其下拉菜单会出现。
4. 点击要删除的菜单项。
5. 按 Delete 或 Backspace 键删除所选菜单项。

如果误删了菜单或菜单项，可以按 Z 撤销删除操作。

创建新菜单和菜单项

在删除、编辑和重新排列菜单和菜单项后，可能需要添加自己的菜单和菜单项。
添加新菜单的步骤如下：
1. 双击存储在 Resources 文件夹中的 MainMenu.xib 文件，会打开 Interface Builder。
2. 双击 MainMenu.xib 窗口内的 Main Menu 图标，以显示下拉菜单栏。
3. 选择 Tools ➤ Library 打开 Library 窗口。
4. 在 Object Library 中滚动，直到找到如 File Menu Item 或 Text Menu Item 这样的 Menu Item 对象。
5. 将 Menu Item 对象拖到下拉菜单栏上，会出现一条垂直线，指示释放鼠标按钮时新添加的菜单将出现的位置。
6. 释放鼠标按钮，将菜单放置到位。
7. 双击菜单使其高亮显示。
8. 输入或编辑菜单标题。
9. 选择 File ➤ Save 或按 S 保存更改。

添加新菜单项到现有下拉菜单的步骤如下：
1. 双击存储在 Resources 文件夹中的 MainMenu.xib 文件，会打开 Interface Builder。
2. 双击 MainMenu.xib 窗口内的 Main Menu 图标，以显示下拉菜单栏。
3. 点击要添加新菜单项的菜单，例如若要向 File 菜单添加新菜单项，就点击 File 菜单以显示其菜单。
4. 选择 Tools ➤ Library 打开 Library 窗口。
5. 在 Object Library 中滚动，直到找到 Menu Item 对象。
6. 将 Menu Item 对象拖到下拉菜单上，会出现一条水平线，指示释放鼠标按钮时菜单项将出现的位置。
7. 释放鼠标按钮，将菜单项放置到位。
8. 双击新添加的菜单项。
9. 输入或编辑菜单项。
10. 选择 File ➤ Save 或按 S 保存更改。

链接菜单命令

创建新菜单项后，需要将其连接到一个方法才能使其真正起作用。就像可以将按钮或任何用户界面对象连接到一个方法一样，也可以用同样的方式将菜单项连接到一个方法。
连接菜单项到方法的步骤如下：
1. 打开上一章修改过的 MyTest 程序。
2. 点击存储在 Classes 文件夹中的 MyTestAppDelegate.h 文件，并将代码修改如下：

#import <Cocoa/Cocoa.h>

@interface MyTestAppDelegate : NSObject <NSApplicationDelegate> {
    NSWindow *window;

 }

@property (retain) IBOutlet NSWindow *window;

-(IBAction) displayDialog:(id)sender;

@end

选择 File ➤ Save 或按 S 保存更改。
点击存储在 Classes 文件夹中的 MyTestAppDelegate.m 文件，并将代码修改如下：

#import "MyTestAppDelegate.h"

@implementation MyTestAppDelegate

@synthesize window;

- (void)applicationDidFinishLaunching:(NSNotification *)aNotification {
    // Insert code here to initialize your application

}

- (void)dealloc {

    [window release];
    [super dealloc];
}

-(IBAction) displayDialog:(id)sender
{
    NSAlert *alert = [[NSAlert alloc] init];
    alert.alertStyle = NSWarningAlertStyle;

    alert.messageText = @"It worked!";
    alert.informativeText = @"The displayDialog method ran.";

    [alert runModal];
    [alert release];
}

@end

选择 File ➤ Save 或按 S 保存更改。
双击存储在 Resources 文件夹中的 MainMenu.xib 文件，以打开用户界面。
双击 MainMenu.xib 窗口内的 Main Menu 图标，以显示下拉菜单栏。
点击 File 菜单以显示其下拉菜单。
选择 Tools ➤ Library 打开 Library 窗口。
在 Object Library 中滚动，直到看到 Menu Item 对象。
拖动 Menu Item 对象并将其放置在 File 菜单的底部附近。
右键点击刚添加的菜单项，会出现一个提示窗口。
将鼠标指针移到 Sent Actions 标题下 selector 右侧出现的圆圈上。
点击并将鼠标指针拖动到 My Test App Delegate 图标上，会出现一个方法菜单。
选择 displayDialog。
选择 File ➤ Save 或按 S 保存更改。
切换到 Xcode，点击 Build and Run 按钮或选择 Build ➤ Build and Run。只要没有输入错误，应该会弹出一个空白窗口。
选择 File ➤ Item，会弹出一个警报对话框，告知 displayDialog 方法已运行。
点击 OK 按钮关闭警报对话框。
退出程序。

为菜单项分配快捷键

为了方便用户选择特定的菜单命令，许多程序会分配快捷键。用户无需点击菜单标题显示下拉菜单，再点击命令，只需按下分配的快捷键组合，程序就能选择相应的命令。
为菜单命令分配快捷键组合的步骤如下：
1. 双击包含菜单命令所在的下拉菜单的 MainMenu.xib 文件。
2. 双击 MainMenu.xib 窗口内的 Main Menu 图标，以显示下拉菜单栏。
3. 点击菜单以显示菜单项的下拉菜单。
4. 点击要分配快捷键的菜单项。
5. 选择 Tools ➤ Attributes Inspector 显示 Attributes Inspector 窗口。
6. 点击 Key Equiv. 字段。
7. 按下要分配给当前所选命令的快捷键组合，确保选择的快捷键组合未被其他命令使用。所选的快捷键组合会显示在下拉菜单上，程序运行时，用户可以通过按下该快捷键组合来选择命令。

设计自己的程序

每个程序都始于一个问题。通常，计算机能解决的最佳问题是那些人类觉得繁琐、乏味或容易出错的事情。

程序设计的目标

无论是创建像电子表格这样的通用工具，还是像彩票号码预测器这样的专用工具，任何程序的目标都是相同的：识别问题，定义解决问题的方法，然后编写逐步的指令来创建程序。

在创建程序时，最重要的工作不是用特定的编程语言（如 Objective - C）实际编写命令，而是识别要解决的问题，找到对用户来说最简单的解决方法，并将这个设计转化为实际运行的程序。

识别正确的问题

识别需要解决的问题的最佳人选是将使用该程序的人。如果匆忙编写程序来解决一个问题，可能会发现解决的问题并不重要。

例如，编写一个存储赛马数据的程序，根据这匹马过去六场比赛和同场其他所有马匹的比赛历史，程序可能会计算出哪匹马最有可能获胜。但用户真正想要的可能是一个使用当前赔率来确定获胜概率最高且回报最大的投注类型的程序。因为如果回报低，投注获胜的马可能毫无意义，而如果一匹马赔率高，投注它获得第二名或第三名可能会有更高的回报。

所以，真正的问题不是挑选获胜的马，而是选择最有可能获得最高回报的马，这可能并不总是获胜的马。真正的目标是以最高的成功概率赚最多的钱。如果未能识别用户想要解决的真正问题，就无法满足客户的需求。

识别程序应解决的真正问题的关键是直接询问潜在用户的实际需求。如果不询问用户的需求，很可能会创建一个解决错误问题的程序，导致用户觉得程序无用，没人会想要它，从而浪费了开发时间。

由于用户可能并不清楚自己具体想要什么，所以要询问最让人们烦恼、导致最多挫折和痛苦的问题。一旦确定了这个最紧迫的问题，下一步就是决定这个问题是否可以用程序解决，如果可以，如何以最能缓解用户困扰的方式解决它。

程序擅长解决的问题

每个问题也是一个机会，但并非每个问题都能用计算机程序解决。例如，如果拥有一家酒吧，问题是未成年人不断试图潜入，那么计算机程序可能不如雇佣额外的门卫和保镖来守卫所有门并检查每个想进入的人的身份证有用。

任何涉及实际存在（如保安）的问题可能最好留给真人解决。然而，任何需要速度和准确性的脑力活动的问题都是计算机程序解决的理想问题。

综上所述，在软件开发中，合理运用下拉菜单可以优化用户界面，而设计程序时准确识别问题并找到合适的解决方案是关键。通过这些方法，我们可以开发出更实用、更符合用户需求的软件。

打造高效用户界面与设计专属程序全攻略

程序设计案例分析

为了更深入地理解如何设计程序来解决实际问题，下面通过几个具体案例进行分析。

电子表格程序案例

电子表格程序的发明是为了解决人们手动计算公式时容易出错且效率低下的问题。在没有电子表格之前，人们手动计算复杂公式，一旦出现一个错误，依赖该错误数据的所有公式都会得出错误结果。

电子表格程序的设计思路是提供一个通用的工具，让不同领域的人都能使用。它允许用户输入数据和公式，自动进行计算，并能方便地修改数据和公式。例如，商业高管可以用它来计算财务结果，工程师可以用它来计算科学结果。

其设计步骤可以概括如下：
1. 问题识别 ：人们手动计算公式繁琐、易出错。
2. 解决方案定义 ：创建一个可以输入数据和公式，自动进行计算的表格工具。
3. 程序实现 ：编写代码实现表格的创建、数据输入、公式计算等功能。

彩票号码预测程序案例

彩票号码预测程序的目标是帮助用户提高中奖概率。它通过存储所有以前开出的号码，并计算哪些号码出现的频率最高，然后根据这些信息显示最有可能被选中的号码。

设计这个程序的步骤如下：
1. 问题识别 ：用户希望提高彩票中奖概率。
2. 解决方案定义 ：存储历史号码数据，计算号码出现频率，显示最有可能被选中的号码。
3. 程序实现 ：编写代码实现数据存储、频率计算和号码显示等功能。

程序设计流程总结

从上述案例可以看出，设计一个程序的一般流程可以用以下 mermaid 流程图表示：

graph LR
    A[识别问题] --> B[定义解决方案]
    B --> C[编写程序代码]
    C --> D[测试与优化]
    D --> E[部署与维护]

具体解释如下：
1. 识别问题 ：与潜在用户沟通，了解他们面临的问题和需求。
2. 定义解决方案 ：根据问题，设计出解决问题的方法和步骤。
3. 编写程序代码 ：使用合适的编程语言将解决方案转化为实际的程序。
4. 测试与优化 ：对程序进行测试，发现并修复问题，优化程序性能。
5. 部署与维护 ：将程序部署到生产环境，为用户提供服务，并持续维护和更新。

总结与建议

在开发软件时，下拉菜单的合理使用和程序设计的正确方法都非常重要。以下是一些总结和建议：

下拉菜单使用建议

遵循标准 ：尽可能使用每个菜单中的标准命令，如 Edit 菜单下的 Cut、Copy 和 Paste 命令，File 菜单下的 Save、Print 和 Open 命令。这样可以让程序看起来和行为更像典型的 Mac 应用程序，符合用户的使用习惯。
简洁明了 ：避免在下拉菜单中添加过多的命令，保持菜单的简洁性，方便用户快速找到所需的命令。
合理布局 ：根据命令的使用频率和相关性，合理安排菜单和菜单项的顺序，提高用户操作的效率。