教你用C#製作最簡單的登入介面

我們在使用C#做項目的時候，基本上都需要製作登入介面，那麼今天我們就來一步步看看，如果簡單的實現登入介面呢，本文給出2個例子，由簡入難，希望大家能夠喜歡。

首先我們來看一個簡單的製作過程

開啟visual 2010，建立表單，既然是登入視窗，那麼就不讓它出現最大化、最小化以及拖拉大小功能（上一節已經提到過怎麼設定大小），，甚至表單的Text屬性值為“登入視窗”，大小隨意。

建立表單之後就開始介面詳細的組件布局了，主要是在左邊拖拉控制項，然後放到表單中去，定義屬性值。這些都比較簡單。

到了代碼響應階段，雙擊登入按鈕，進入程式碼檢視：

private void button1_Click(object sender, EventArgs e)  {    String name = this.textBox1.Text; // 擷取裡面的值    String password = this.textBox1.Text;    if (name.Equals("admin") && password.Equals("admin")) // 判斷帳號密碼是否等於admin    {      MessageBox.Show("登入成功");    }    else {      MessageBox.Show("登入失敗！");    }  }

接下來，我們再來一個複雜一些的例子

要求：

1.使用者名稱必須為字母。

 //限定使用者名稱必須為字母     private void txtName_KeyPress(object sender, KeyPressEventArgs e)     {       if ((e.KeyChar >= 'a' && e.KeyChar <= 'z') || (e.KeyChar >= 'A' && e.KeyChar <= 'Z'))       {         e.Handled = false;       }       else {         MessageBox.Show("使用者名稱只能為字母！");         e.Handled = true;       }     }

2.游標進入文字框時背景藍色，文字白色；游標離開文字框時，背景白色，文字黑色。
介面：

  //游標進入文字框時，背景為藍色，字型為白色；     //游標離開文字框時，背景為白色，字型為黑色。     private void txtName_Enter(object sender, EventArgs e)     {       txtName.ForeColor = Color.White;       txtName.BackColor = Color.Blue;     }      private void txtName_Leave(object sender, EventArgs e)     {       txtName.BackColor = Color.White;       txtName.ForeColor = Color.Black;     }

3.當輸入使用者名稱“admin”和密碼“123”之後，單擊”確定“按鈕，系統將彈出訊息框以顯示輸入正確，否則顯示使用者名稱或密碼錯誤的提示資訊。

private void btnLogin_Click(object sender, EventArgs e)    {      string userName = txtName.Text;      string password = txtPwd.Text;      if (userName == "admin" && password == "123")      {        MessageBox.Show("歡迎進入個人理帳系統！", "登陸成功！", MessageBoxButtons.OK, MessageBoxIcon.Information);      }      else      {        MessageBox.Show("您輸入的使用者名稱或密碼錯誤！", "登入失敗！", MessageBoxButtons.OK, MessageBoxIcon.Exclamation);      }    }

4.單擊”取消“按鈕，清除輸入資訊，並將游標定位在txtName文字框中。

 private void btnCancel_Click(object sender, EventArgs e)    {      txtName.Text = "";      txtPwd.Text = "";      txtName.Focus();    }

5.最終介面：

小技巧：為label設定Image屬性，為了讓圖片完整顯示出來，需要把label的AutoSize屬性設定為false，然後適當拉大label大小。還要注意，ImageAlign屬性設定為MiddleLeft，TextAlign屬性設定為MiddleRight。

Notice:

（1）ico:是Windows的表徵圖檔案格式的一種，可以儲存單個圖案、多尺寸、多色板的表徵圖檔案。
（2）MessageBox：訊息框，顯示一個模態對話方塊，其中包含一個系統表徵圖、 一組按鈕和一個簡短的特定於應用程式訊息，如狀態或錯誤的資訊。
（3）Button的快速鍵通過設定Text屬性為”取消（&C）“實現。
（4）此練習使用的軟體為Visual Studio 2012，圖形資源由VS提供，據說在VS的安裝資料夾Common7\ImageLibrary中能找到，沒有的話，可以到官網下載。