重庆理工大学计算机科学与工程学院多媒体系统原理及应用课件第五章 多媒体应用软件人机界面设计.pptVIP

第五章 多媒体应用软件中的人机界面设计 重庆工学院计算机学院 邵桂芳 1 浮动窗口的设计 2 制作颜色渐变的窗口背景 使用VB制作这类窗口的方法有不少，而通过调用API函数绘制渐变的窗口背景色，似乎是一种既简单又节省资源的方法。 3 窗口背景拼图技术 为了美化人机界面，VB提供了几种方式 利用系统提供的功能，设置窗口背景，不过只能设置为单一色，如黑色； 利用窗体的Picture属性，调用位图文件，但其窗体受位图大小限制，同时也浪费资源； 利用背景拼图技术，可以容易的显示出窗口背景的纹理图案。 （1）建立网格控件，编程实现网格控件与窗体同样大小； （2）设计一个花纹图案，调入PictureBox控件。 （3）设定网格每个单元大小与该图案相同； （4）将该图案赋予所有单元去显示。 1 鼠标指针的自动移动 如何在多控件窗口中，实现软件智能化，即能向导式的将鼠标指针自动地移动到指定控件上。 可以利用SetFocus使控件得到输入焦点，使用Sendkeys”{TAB}”使下一个控件获得焦点。 如能将鼠标箭头也移动到下一个控件上，将更直观，可以用API函数SetCursorPos将鼠标指针自动移动到指定控件上。 参见P132例题。 2 对象拖动 3 鼠标移出事件的实现 一般情况下利用MouseMove事件，可以捕捉鼠标的运动，但如果鼠标移动过快，MouseMove事件来不及触发时，就会出现我们不希望的结果。 可以通过捕捉MouseLeave事件来解决问题。 参见P136。 教师：邵桂芳 学生： 0111 课程：多媒体系统原理及应用 单位：重庆工学院计算机系 第五章 多媒体人机界面设计 P* * 本章问题设计：多媒体软件的人机界面设计原则是什么？如何进行多媒体程序设计？对于多媒体的常见媒体，如何去展现它们？ 本章教学要求：本章内容是建立在对程序设计、高级开发平台Visual Basic的基本掌握基础之上，否则需要补习这些内容。 要求掌握计算机多媒体程序设计的基本方法，技巧，能够对多媒体的多种媒体元素利用程序实现其丰富表现形式。 本章教学难点：API的调用。 FAPI函数调用 F动画软件开发技术 F多媒体综合应用系统实例 本章内容提要 F多媒体软件的人机界面设计 F图形、图像程序设计技术 F音频、视频软件开发技术 §5.1 多媒体软件的人机界面设计 1前言 人机界面设计需要面对的问题： 就是设计什么形式的屏幕、什么样的菜单？ 应用程序要用多大的窗口？ 屏幕上要开多少子窗口？ 用户能够重新定义窗口的大小吗？ 命令按钮放置在什么地方？ 用户要单击鼠标按钮来激活应用程序吗？ 应用程序要放置文本对话框吗？ …… 2.VB的界面设计 1)窗体设计的一般原则 窗体总体设计风格准则采用Windows 98的界面设计标准，参考Microsoft Office 的Word等办公软件设计风格。 屏幕背景大小：如800 x 600，1024 x 768； 窗体的默认字体为宋体、大小为五号，对于要突出显示的可以采用加粗形式显示； 控件的大小和间距规定：高度350象素、命令按钮宽度1200-1700象素、控件的垂直间距60象素(相关的)和90象素(不相关的)，边缘的宽度(上、下、左、右)120象素; 默认窗体的颜色：对于不同种类的窗体(启动、关于、帮助、对话、浏览、信息提示、打印输出等)采用Windows 98的类似窗体的设计风格，原则是如没有特别的理由就不要改变这个设计风格； 2)使用组合框控件(如Frame) 在窗体设计中，使用Frame控件创建一个选项板，在其上放置所有的显示和输入数据控件，但不要将按钮、数据控件放入其中（除非它们是输入对话框的一部分），并且每个窗体中尽量只使用一个选项板，以便更容易让用户集中注意力于组合控件上； 在窗体放置控件时，应尽量用组合框将相关的条目（说明、控件等）包围起来，同时尽量给出其标题，如此可以让用户明白窗体中各字段间的关系； 3)输入区和显示区: 在需要用户使用输入或选择的地方使用白色作为底色。如果区域只是为了显示数据，将其底色选为同窗体颜色(如灰色)，同时，这个区域应在选项板中凹下去。而所有能够接受输入的文本框应设为白色，如此可以保证用户很容易清楚什么地方是活动区域(即可以接受输入的区域)，方便了培训和使用； 4)对齐窗体中的所有控件: 窗体中的所有控件应左对齐； 5)窗体的控件位置设计: 对