人机交互用户界面设计实验报告.doc

人机交互用户界面设计实验报告 实验一 图形用户界面的设计 一 实验目的和要求 1) 熟悉图形用户界面的设计原则 2)利用一种设计工具完成图形化的用户界面设计 二 实验内容与步骤 (一) 实验内容： 利用常用的设计工具(VC/VB/Delphi/PB等)完成一个通用图形用户界面设计，要遵循界面设计的一般原则(一致性、快捷方式、提供错误处理)，注意颜色的使用，学会使用图标、按钮、屏幕布局、菜单和对话框的设计 (二)实验步骤 1．设计多个对话框，完成填表输入界面的设计，合理使用图标、按钮、颜色； 2．设计不同形式的菜单，完成对不同对话框的调用； 3．提供简单的错误处理、联机帮助 三 界面示例 1、 登录界面 2、主界面 1 3代码： 登录界面： using System; using System.Drawing; using System.Collections; using System.ComponentModel; using System.Windows.Forms; using System.Data; 2 using System.Data.OleDb; // Download by namespace WealthMIS.user { /// lt;summarygt; /// Form1 的摘要说明。 /// lt;/summarygt; public class Login : System.Windows.Forms.Form { private System.Windows.Forms.Button btClose; private System.Windows.Forms.TextBox password; private System.Windows.Forms.Label label3; private System.Windows.Forms.Label label2; private System.Windows.Forms.Label label1; private System.Windows.Forms.ComboBox comboName; /// lt;summarygt; /// 必需的设计器变量。 /// lt;/summarygt; private System.ComponentModel.Container components = null; private System.Windows.Forms.Button btSure; private OleDbConnection oleConnection1 = null; public Login() { // // Windows 窗体设计器支持所必需的 // InitializeComponent(); // // TODO: 在 InitializeComponent 调用后添加任何构造函数代码 // } /// lt;summarygt; /// 清理所有正在使用的资源。 /// lt;/summarygt; protected override void Dispose( bool disposing ) { if( disposing ) { if (components != null) { components.Dispose(); 3 } } base.Dispose( disposing ); } #region Windows 窗体设计器生成的代码 /// lt;summarygt; /// 设计器支持所需的方法 - 不要使用代码编辑器修改 /// 此方法的 this.btClose = new System.Windows.Forms.Button(); this.btSure = new System.Windows.Forms.Button(); this.password = new System.Windows.Forms.TextBox(); this.label3 = new System.Windows.Forms.Label(); this.label2 = new System.Windows.Forms.Label(); this.label1 = new System.Windows.Forms.Label(); boName = new System.Windows.Forms.ComboBox(); this.SuspendLayout(); // // btClose // this.btClose.FlatStyle = System.Windows.Form