人機(jī)交互用戶界面設(shè)計(jì)實(shí)驗(yàn)報(bào)告

1、.實(shí)驗(yàn)一圖形用戶界面的設(shè)計(jì)一實(shí)驗(yàn)?zāi)康暮鸵?) 熟悉圖形用戶界面的設(shè)計(jì)原則2)利用一種設(shè)計(jì)工具完成圖形化的用戶界面設(shè)計(jì)二實(shí)驗(yàn)內(nèi)容與步驟(一) 實(shí)驗(yàn)內(nèi)容：利用常用的設(shè)計(jì)工具 (VC/VB/Delphi/PB等) 完成一個(gè)通用圖形用戶界面設(shè)計(jì)，要遵循界面設(shè)計(jì)的一般原則( 一致性、快捷方式、提供錯(cuò)誤處理) ，注意顏色的使用，學(xué)會使用圖標(biāo)、按鈕、屏幕布局、菜單和對話框的設(shè)計(jì)(二 )實(shí)驗(yàn)步驟1設(shè)計(jì)多個(gè)對話框，完成填表輸入界面的設(shè)計(jì)，合理使用圖標(biāo)、按鈕、顏色；2設(shè)計(jì)不同形式的菜單，完成對不同對話框的調(diào)用；3提供簡單的錯(cuò)誤處理、聯(lián)機(jī)幫助三 界面示例1、登錄界面2、主界面1/16.3代碼：登錄界面：using

2、 System;using System.Drawing;using System.Collections;using System.ComponentModel;using System.Data;2/16./ <summary>/ Form1 的摘要說明。/ </summary>/ <summary>/ 必需的設(shè)計(jì)器變量。/ </summary>private OleDbConnection oleConnection1 = null;public Login()/ Windows 窗體設(shè)計(jì)器支持所必需的/InitializeComponen

3、t();/ TODO: 在 InitializeComponent 調(diào)用后添加任何構(gòu)造函數(shù)代碼/ <summary>/ 清理所有正在使用的資源。/ </summary>protected override void Dispose( bool disposing )if( disposing )if (components != null)components.Dispose();3/16.base.Dispose( disposing );#region Windows 窗體設(shè)計(jì)器生成的代碼/ <summary>/ 設(shè)計(jì)器支持所需的方法 - 不要使用代碼編

4、輯器修改/ 此方法的內(nèi)容。/ </summary>private void InitializeComponent()this.SuspendLayout();/ btClose/取消 "/ btSure/確定 "4/16./ password/ label3/宋體 ", 10.5F,密碼"/ label2/宋體 ", 10.5F,用戶名 "/ label1/楷體 _GB2312", 18F,理財(cái)管理信息系統(tǒng) "5/16./ comboName/ Login/this.MaximizeBox = fal

5、se;this.MinimizeBox = false;this.Name = "Login"this.StartPosition =登錄 "this.Load += new System.EventHandler(this.Login_Load);this.ResumeLayout(false);this.PerformLayout();#endregion/ <summary>/ 應(yīng)用程序的主入口點(diǎn)。/ </summary>STAThread static void Main()Application.Run(new MainForm(

6、);6/16.private void btSure_Click(object sender, System.EventArgs e)tryif(oleConnection1=null)oleConnection1 = MainForm.getConnection(); OleDbCommand cmd = oleConnection1.CreateCommand(); cmd.CommandText =sql;OleDbDataReader dr = cmd.ExecuteReader();if(!dr.Read()MessageBox.Show("無此用戶，請重試！ "

7、," 提示 ");dr.Close();cmd.Dispose();return;elseMessageBox.Show("n密碼錯(cuò)誤，請重試！ "," 提示 ");dr.Close();cmd.Dispose();return;Menumainmenu=(MainForm)(this.MdiParent).getMainMenu();for (int i=0;i<6;i+)mainmenu.MenuItemsi.Visible=true;StatusBar statusBar =(MainForm)(this.MdiParen

8、t).getStatusBar(); statusBar.Panels0.Text="當(dāng)前登錄用戶理財(cái)管理信息系統(tǒng) "dr.Close();cmd.Dispose();this.Close();7/16.catch(Exception ee)MessageBox.Show("n"+ee.ToString();private void btClose_Click(object sender, System.EventArgs e)this.Close();private void Login_Load(object sender, System.Event

9、Args e)if (oleConnection1=null)oleConnection1=MainForm.getConnection();/取出系統(tǒng)的所有用戶名/顯示在下拉列表 ,這樣用戶登錄的時(shí)候/選擇用戶名就可以了 ,不用再輸入用戶名了string sql="select uName from family"OleDbCommand cmd = new OleDbCommand(sql,oleConnection1); OleDbDataReader dr = cmd.ExecuteReader(); int flag = 0;while(dr.Read()flag

10、+;/如果系統(tǒng)存在用戶 ,則默認(rèn)選中第一個(gè)用戶if (flag>0)dr.Close();cmd.Dispose();主界面：using System;using System.Drawing;using System.Collections;using System.ComponentModel;using System.Data;8/16./ <summary>/ Form1 的摘要說明。/ </summary>/ <summary>/ 必需的設(shè)計(jì)器變量。/ </summary>private OleDbConnection oleCo

11、nnection1 = null;public Login()/ Windows 窗體設(shè)計(jì)器支持所必需的/InitializeComponent();/ TODO: 在 InitializeComponent 調(diào)用后添加任何構(gòu)造函數(shù)代碼/ <summary>/ 清理所有正在使用的資源。/ </summary>protected override void Dispose( bool disposing )if( disposing )if (components != null)components.Dispose();9/16.base.Dispose( dispos

12、ing );#region Windows 窗體設(shè)計(jì)器生成的代碼/ <summary>/ 設(shè)計(jì)器支持所需的方法 - 不要使用代碼編輯器修改/ 此方法的內(nèi)容。/ </summary>private void InitializeComponent()this.SuspendLayout();/ btClose/取消 "/ btSure/確定 "10/16./ password/ label3/宋體 ", 10.5F,密碼"/ label2/宋體 ", 10.5F,用戶名 "/ label1/楷體 _GB2312&

13、quot;, 18F,理財(cái)管理信息系統(tǒng) "11/16./ comboName/ Login/this.MaximizeBox = false;this.MinimizeBox = false;this.Name = "Login"this.StartPosition =登錄 "this.Load += new System.EventHandler(this.Login_Load);this.ResumeLayout(false);this.PerformLayout();#endregion/ <summary>/ 應(yīng)用程序的主入口點(diǎn)。/

14、</summary>STAThread static void Main()Application.Run(new MainForm();12/16.private void btSure_Click(object sender, System.EventArgs e)tryif(oleConnection1=null)oleConnection1 = MainForm.getConnection(); OleDbCommand cmd = oleConnection1.CreateCommand(); cmd.CommandText =sql;OleDbDataReader dr

15、 = cmd.ExecuteReader();if(!dr.Read()MessageBox.Show("無此用戶，請重試！ "," 提示 ");dr.Close();cmd.Dispose();return;elseMessageBox.Show("n密碼錯(cuò)誤，請重試！ "," 提示 ");dr.Close();cmd.Dispose();return;Menumainmenu=(MainForm)(this.MdiParent).getMainMenu();for (int i=0;i<6;i+)main

16、menu.MenuItemsi.Visible=true;StatusBar statusBar =(MainForm)(this.MdiParent).getStatusBar(); statusBar.Panels0.Text="當(dāng)前登錄用戶理財(cái)管理信息系統(tǒng) "dr.Close();cmd.Dispose();this.Close();13/16.catch(Exception ee)MessageBox.Show("n"+ee.ToString();private void btClose_Click(object sender, System.E

17、ventArgs e)this.Close();private void Login_Load(object sender, System.EventArgs e)if (oleConnection1=null)oleConnection1=MainForm.getConnection();/取出系統(tǒng)的所有用戶名/顯示在下拉列表 ,這樣用戶登錄的時(shí)候/選擇用戶名就可以了 ,不用再輸入用戶名了string sql="select uName from family"OleDbCommand cmd = new OleDbCommand(sql,oleConnection1);

18、 OleDbDataReader dr = cmd.ExecuteReader(); int flag = 0;while(dr.Read()flag+;/如果系統(tǒng)存在用戶 ,則默認(rèn)選中第一個(gè)用戶if (flag>0)dr.Close();cmd.Dispose();四 實(shí)驗(yàn)總結(jié)1.界面要具有一致性、常用操作要有快捷方式、提供簡單的錯(cuò)誤處理、對操作人員的重要操作要有信息反饋、操作可逆、設(shè)計(jì)良好的聯(lián)機(jī)幫助、 合理劃分并14/16.高效地使用顯示屏、保證信息顯示方式與數(shù)據(jù)輸入方式的協(xié)調(diào)一致2. 顏色是一種有效的強(qiáng)化手段，同時(shí)具有美學(xué)價(jià)值。使用顏色時(shí)應(yīng)注意如下幾點(diǎn)：限制同時(shí)顯示的顏色數(shù)； 畫面中活動(dòng)對象的顏色應(yīng)鮮明， 而非活動(dòng)對象應(yīng)暗淡；盡量避免不相容的顏色放在一起，如黃與藍(lán)，紅與綠等，除非作對比時(shí)用； 若用顏色表示某種信息或?qū)ο髮傩裕褂脩衾斫膺@種表示，并盡量采用通用的表示規(guī)則。3.圖標(biāo)是可視地表示實(shí)體信息的簡潔、抽象的符號。圖標(biāo)設(shè)計(jì)是方寸藝術(shù)，需要在很小的范圍內(nèi)表現(xiàn)出圖標(biāo)的內(nèi)涵。設(shè)計(jì)圖標(biāo)時(shí)應(yīng)該著重考慮視覺沖擊力，要使用簡單的顏色，利用眼睛對色彩和網(wǎng)點(diǎn)的空間混合效果，做出精彩圖標(biāo)。1） 設(shè)計(jì)按鈕應(yīng)該具有交互性，應(yīng)該有 3 到 6 種狀態(tài)效果 (點(diǎn)擊時(shí)的狀態(tài)、鼠標(biāo)放在上面但未點(diǎn)擊的狀態(tài)、 點(diǎn)擊前鼠標(biāo)未放在上面時(shí)的狀態(tài)、 點(diǎn)擊后鼠標(biāo)未放在