VisualC2008设计QQ用户登录界面.doc

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