🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# 20.10 遵循用户界面设计规范 学习各个平台的界面设计规范是一件很值得一做的事情.虽然它们中的绝大多数差异都已经被wxWidgets自动屏蔽了,不过还是有一些细节是无法自动解决的.比如按钮的布局风格在不同的平台上是不一样的.苹果的Mac OSX操作系统上按钮的顺序和间隔的要求是非常严格的.下面只是我们认为值得特别说明的一些方面,包括一些平台相关的规则和一些一般的规则.另外你也可以通过多操作各个平台上的经典的程序,并观察他们外观的不同来帮助你设计你自己的程序在这些平台上的外观. 标准按钮 在windows和Linux平台上,按钮可以被整体居中或者右对齐,通常的顺序是OK,Cancel和Help.而在Mac OSX上,帮助按钮(如果使用wxID_HELP会自动显示一个问号标记)通常应该是左对齐的,其它的按钮则是右对齐的,并且最右边的那个是默认按钮,也就是说是:?号,空格,Cancel,OK这样的顺序. 尽可能使用wxWidgets提供的标准按钮标识符(比如wxID_OK, wxID_CLOSE, wxID_APPLY等),因为在某些平台上(尤其是wxGTK平台上),这些标准标识符会被自动添加一些合适的图形. 参考第7章"使用布局控件进行窗口布局"中的"平台相关布局"小节了解wxStdDialogButtonSizer类的使用方法,这个类能够对标准按钮进行平台相关的布局. 菜单 避免出现空的菜单条.小心的给各个菜单添加有意义的标签,并且使用"&"符号引导的通常是标签的第一个字符的加速键(比如 &File)和快捷键(比如Ctrl+O).常用的那些菜单项命令应该尽可能的提供,比如拷贝,粘贴,撤消等.不要有太长或者太短的菜单项.通常 9到10个菜单项是一个比较合理的最大值.如果确实有很多选项需要配置,可以考虑使用一个菜单项弹出一个对话框进行这些设置. 和按钮的使用一样,尽可能使用wxWidgets提供的标准的标识符,尤其是wxID_HELP,wxID_PREFERENCES 等,在Mac OSX平台上,wxID_HELP菜单将被移动到应用系统菜单中去,你应该注意这个问题,以便产生空的菜单条或者连续两个菜单分割条. 图标 你工具栏,frame窗口和别的界面元素上的图标可以给你的应用程序一个很好的观感.忽略这一点可以让你的应用程序的界面效果大打折扣. 尤其是在MAc OSX平台上,这个平台对于美学的要求是很高的.你应该尽量给每一个项目创建自己的图标,或者,一个更简单的作法,直接购买别人设计好的图标,然后将那些非标准的图标按照统一的风格进行设计.在图标上的付出将会获得等价的回报,你的应用程序将会因为使用了这些图标而增光添彩,也会给用户留下很强烈的印象. 你也可以在网上找到一些图标,比如,遵循L-GPL协议发布的Ximian图标集: http: //www.novell.com/coolsolutions/feature/1637.html . 字体和颜色 不要在你的对话框上使用很多中字体和颜色,这除了导致你的界面看上去花里胡哨以外,还使得wxWidgets很难去进行针对各个平台的一些外观调整,以便给出你的应用程序以本地观感.不过,这并不防碍你给你的用户增加更改默认字体的选项,以便他们可以改变那些包含很多纹理信息的对话框的外观,比如用作报告的对话框.对于颜色的使用要遵循那个平台的规范.对于wxWidgets提供的对话框,wxWidgets可以自己作一些平台适应工作, 但是对于你自定义的对话框,有些则需要你自己去注意这个问题. 应用程序中止时的行为 在大多数平台上,没有使用MDI界面或者将类似界面的基于文档的应用程序将在每个frame窗口中显示一个文档.当最后一个文档被关闭的时候应用程序就将退出.但是在Mac OSX平台上,正如我们在第19章"使用文档和视图框架"中介绍的那样,用户并不期待这时候整个应用程序退出,应用程序应该还有一个菜单显示在系统菜单条上,以便用户可以通过它打开或者创建新的文档或者关闭应用程序.这可以通过创建一个不可见的frame主窗口的方法来实现,可能需要你增加一点点平台相关的代码. 在嵌入式开发系统中(比如Pocket PC),应用程序在主窗口被关闭的时候仍然停留在内存中,用户通常没有办法让他们退出.你可以选择是否遵守这个规则还是允许用户退出应用程序以便给别的程序腾出内存.在Pocket PC上,wxWidgets也会设置标准的快捷键Ctrl+Q用来退出应用程序,这个快捷键的默认处理动作是发送wxID_EXIT命令事件. 进一步阅读 下面列出了wxWidgets支持的各个主要平台上的用户界面设计规范,以及一些一般性UI设计建议的书籍: * 苹果用户界面设计规范: http://developer.apple.com/documentation/UserExperience/Conceptual/OSXHIGuidelines/index.html * Mac OSX和Windows用户界面的关键差异: http://developer.apple.com/ue/switch/windows.html * 微软官方用户界面设计规范: http://msdn.microsoft.com/library/default.asp?url=/library/enus/dnwue/html/welcome.asp * GNOME用户界面设计规范: http://developer.gnome.org/projects/gup/hig * GUI Bloopers: 软件开发和Web设计中要做和不要作的事, 作者:Jeff Johnson (Academic Press). ISBN 1-55860-582-7 * 程序员用户界面设计, 作者: Joel Spolsky (Apress). ISBN 1-893115-94-1 * 软件可用性: 以可用性为核心进行软件设计和建模(A Practical Guide to the Models and Methods of Usage-Centered Design), 作者:Larry L. Constantine and Lucy A.D. Lockwood (ACM Press). ISBN 0-201-92478-1