visual c# 2008——设计qq用户登录界面.doc

第2 章设计 QQ 用户登录界面通过第 1 章的学****应当对 Visual C# 2008 的开发环境有了一个初步的了解。用户界面是应用程序的重要组成部分,本章将介绍使用窗体设计器、工具箱以及属性窗口设计一个 QQ 登录界面。通过对本章的学****在学会设计 QQ 登录界面的同时, 还能了解设计用户界面的一些相关知识,如 Visual C# 2008 工具箱、属性窗口的使用, 以及使用【格式】菜单的菜单命令来美化用户界面等。 用户界面设计用户界面设计是 Visual C# 2008 程序设计中非常重要的工作, 本节首先介绍了用户界面的概述和类型, 然后再介绍设计用户界面的一些基本原则, 读者在设计用户界面时, 应当遵循这些基本原则。 用户界面概述用户界面是应用程序的重要组成部分, 设计用户界面时, 有许多问题需要考虑: 例如一共需要使用多少个窗体、要不要使用菜单、要不要创建工具栏、采用什么样的方式来与用户交换信息、应当给用户提供哪些帮助等。由此可见, 在设计用户界面之前, 应当了解该应用程序的用途及用户的计算机水平层次, 据此设计出合理、美观的用户界面, 用户界面决定了应用程序的易用性, 从而决定了应用程序的整体质量。 用户界面的类型基于 Windows 应用程序的用户界面主要有两种类型:第一种是单文档界面( SDI ) ,第二种是多文档界面( MDI )。 Microsoft Windows 操作系统中自带的写字板程序就是一个单文档界面应用程序的例子, 它只能处理一个文档, 如需要处理另一个文档, 则必须关闭前一个文档,写字板程序如图 2-1 所示。图 2-1 写字板——单文档界面应用程序多文档界面应用程序有很多,如 Microsoft Excel ,它允许同时处理多个文档,如图 2-2 所示,可以通过窗口菜单来切换当前窗口中的活动文档。图 2-2 Microsoft Excel ——多文档界面应用程序开发应用程序时, 应当根据应用程序的需要来确定采用哪一种用户界面。例如, 一个用于图书馆管理的应用程序应当使用 MDI 界面,因为需要同时处理多个借还书信息的情况是常见的。再如,一个 IP 设置程序则更适合使用 SDI 界面,因为同时需要在同一台计算机上设置 IP 的情况是不存在的。除了 SDI 界面和 MDI 界面, 比较常见的还有对话框型界面和类似于“ Windows 资源管理器”的界面。对话框型界面如 Windows 中的计算器;类似于“ Windows 资源管理器”的界面由两部分组成, 左边是层次视图区, 右边是内容显示区, 这种界面便于浏览大量的文档、图片和目录等。 设计用户界面的基本原则 Visual C# 2008 用户界面设计原则和美术课程的基础设计原则一样,在计算机屏幕上组合颜色、文字、框架等的基本原则就像在纸张上画图。在界面设计开始之前,可以先将设计的窗体简单地画在纸上,然后考虑需要哪些控件, 以及不同元素的重要性、控件之间的联系等。协调界面、组织窗体的工作包括控件的位置、大小、一致性编排与其他相关内容。 Visual C# 2008 集成开发环境提供了【格式】菜单,选中一个或多个控件后,单击【格式】菜单中相应的菜单项,可以达到不同的效果。说明:关于【格式】菜单中各菜单项的使用及作用将在本章后面的内容中(第 节) 详细介绍,并应用到本章介绍的实例( QQ 登录界面设计)中。 1. 控件的位置拖放安排在绝大多数的用户界面设计中,并不是所有的元素(如控件等)都具有相同的重要性, 所以应抓住重点, 将较重要的元素定位在对用户来说处在一目了然的位置, 重要的和需要经常访问的元素应当处于显著的位置, 次要的元素则应当处于次要的位置****惯的阅读顺序一般是从左到右,从上到下。按照此原则,用户第一眼看到的应是计算机屏幕的左上部分,因此最重要的元素应当定位在这里, 如同网页设计一样。比如有一条重要的数据信息, 它的标题栏应当安排放在能被用户第一眼看到的位置,而各种操作按钮则应当处于该标题栏的下方,因为用户通常要使用按钮来完成窗口的操作。将控件和元素适当分组也是非常必要的, 可以尝试根据“功能”和“关系”来组成一个逻辑信息组。按照控件在功能上的联系, 将它们放在一起, 在视觉效果上也要比将它们分散在屏幕的各处要好得多。在通常情况下, 可以使用框架控件( GroupBox )来帮助控件的合理编排。 Visual C# 2008 的控件一般都具有 Location (位置)属性,可以通过设置该属性来安排控件位置,当然也可以使用鼠标直接拖放。 2. 控件的大小与一致性编排控件的大小设置是程序设计时经常遇到的问题, 虽然操作非常简单, 但在决定控件大小时却很让人头疼。合理设置控件的大