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

实验一图形用户界面的设计

一实验目的和要求

1）熟悉图形用户界面的设计原则

2）利用一种设计工具完成图形化的用户界面设计

二实验内容与步骤

（一）实验内容：

利用常用的设计工具（VC/VB/Delphi/PB等）完成一个通用图形用户界面设计，要遵循界面设计的一般原则（一致性、快捷方式、提供错误处理），注意颜色的使用，学会使用图标、按钮、屏幕布局、菜单和对话框的设计

匚）实验步骤

1 •设计多个对话框，完成填表输入界面的设计，合理使用图标、按钮、颜色；

2 •设计不同形式的菜单，完成对不同对话框的调用；

3 •提供简单的错误处理、联机帮助

三界面示例

1、登录界面

2、主界面

求銃管理 基砒数范管理 收空营理 倨蓄首理 借还鞍首理 连酣分靳

3代码：

登录界面： using System;

using System.Drawi ng;

using System.Collectio ns;

using p onen tModel;

using System.Wi ndows.Forms;

using System.Data;

using System.Data.OleDb;

// Download by namespace er

理时管理信息做

2010-11-29 O7;5T ：1T

{

///

/// Form1 的摘要说明。

///

public class Login : System.Windows.Forms.Form

{

private System.Windows.Forms.Button btClose;

private System.Windows.Forms.TextBox password;

private bel label3;

private bel label2;

private bel label1;

private boBox comboName;

///

/// 必需的设计器变量。

///

private ponentModel.Container components = null; private

System.Windows.Forms.Button btSure;

private OleDbConnection oleConnection1 = null;

public Login()

{

//

// Windows 窗体设计器支持所必需的

// InitializeComponent();

//

// TODO: 在InitializeComponent 调用后添加任何构造函数代码// }

///

/// 清理所有正在使用的资源。

///

protected override void Dispose( bool disposing )

{

if( disposing )

{

if (components != null)

{

components.Dispose();

}

base.Dispose( disposing );

}

#region Windows 窗体设计器生成的代码

///

/// 设计器支持所需的方法- 不要使用代码编辑器修改

/// 此方法的内容。

///

private void InitializeComponent()

}

{

ponentResourceManager resources = new ponentResourceManager(typeof(Login));

this.btClose = new System.Windows.Forms.Button(); this.btSure =

new System.Windows.Forms.Button(); this.password = new

System.Windows.Forms.TextBox(); bel3 = new

bel(); bel2 = new

bel(); bel1 = new

bel(); boName = new

boBox(); this.SuspendLayout();

//

// btClose

//

this.btClose.FlatStyle = System.Windows.Forms.FlatStyle.Popup;

this.btClose.ForeColor = System.Drawing.Color.Black;

this.btClose.Location = new System.Drawing.Point(159, 220);

= "btClose";

this.btClose.Size = new System.Drawing.Size(75, 23);

this.btClose.TabIndex = 27;

this.btClose.Text = "取消";

this.btClose.Click += new System.EventHandler(this.btClose_Click);

//

// btSure

//

this.btSure.FlatStyle = System.Windows.Forms.FlatStyle.Popup;

this.btSure.ForeColor = System.Drawing.Color.Black;

this.btSure.Location = new System.Drawing.Point(46, 220);

= "btSure";

this.btSure.Size = new System.Drawing.Size(75, 23);

this.btSure.TabIndex = 26;

this.btSure.Text = "确定";

this.btSure.Click += new System.EventHandler(this.btSure_Click);

4 / 16