មេរៀន VC#.NET-ប្រើបង្កើតសមាសភាព GUI

មេរៀន VC#.NET-ប្រើបង្កើតសមាសភាព GUI

ក្នុងជំពូកនេះមានបង្ហាញពីរបៀប: P បង្កើត user control មួយ P បញ្ជាក់ទិន្នន័យនិងសំដែង event លើ user control មួយ។P Add បន្ថែម control មួយទៅប្រអប់ Toolbox ។P Extend មួយនៃ Microsoft .NET Framework class ដើម្បីបន្ថែមមុខងារកម្មសិទ្ធផ្ទាល់របស់អ្នក ។P Subclass ដែលមាននៅលើ user control ដោយប្រើ inheritance ។
1. សង់បង្កើត Login User Control ក្នុងលំហាត់ខាងក្រោមនេះ អ្នកនឹងបង្កើត Login user control ដែល មើលឃើញពីមុន ។ LoginControl project និង LoginTest project ក្នុង ជំពូកនេះប្រើ Windows Control Library template ។ ដែល template នេះគឺជាអថេរលើកម្មវិធី Visual Studio .NET Professional, Enterprise Developer ឬ Enterprise Architect edition ។ ដែលប្រើស្តង់ដា Standard version នៃ Visual C# .NET 2003 ។
បង្កើត Login user control
1. ក្នុងកម្មវិធី Visual Studio .NET បង្កើត project ថ្មីដែលប្រើសន្លឹក Windows Control Library template ។ ដែលហៅថា project Login Control រួចហើយបង្កើតទីតាំងដូចជា\Microsoft Press\Visual C# Step By Step\Chapter 19 ក្នុង My Documents folder របស់អ្នក ។
2. ក្នុង Solution Explorer ប្តូរឈ្មោះ filename នៃ UserControl1.cs ទៅ LoginControl.cs ។ ប្តូរទៅ Class View (នៅលើ View menu ចុចលើ Class View) រួចប្តូរឈ្មោះ UserControl1 class ទៅ Login ។
3. ប្តូរទំហំ Size property នៃ Login control គឺ 400, 300 ។
4. ក្នុងប្រអប់ Toolbox ទាញ Label control ពីនិងប្រអប់ TextBox controls ពីរនិង ErrorProvider control មួយនិងមួយទៀត Button control ដែលមាននៅលើ form ។ បង្កើត properties ដោយប្រើតំលៃតារាងដូចខាង
ក្រោមនេះ ;

	Size	100, 23
	Text	user name label
label2	(Name)	passwordLabel
	Location	32, 128
	Size	100, 23
	Text	password label
textBox1	(Name)	userNameText
	Location	140, 48
	Size	220, 20
	Text	user name
textBox2	(Name)	passwordText
	Location	140, 128
	PasswordChar	*
	Size	220, 20
	Text	password
button1	(Name)	loginButton
	Location	150, 220
	Size	100, 36
	Text	Login
errorProvider1	(Name)	loginError

និយមន័យ properties សំរាប់ user control
1. ក្នុង Class View ចុចលើ right-click ក្នុង Login class ចុចបន្ថែម Add រួចហើយចុចលើ Add Property នៅលើ pop-up menu ។ កាលណា C# Property Wizard បង្ហាញជ្រើសរើស String ពីក្នុងប្រភេទ Property combo box រួចហើយវាយសរសេរ UserNameLabel ក្នុងឈ្មោះ Property Name text box ។

2. រួចហើយ UserNameLabel property ដោយប្តូរ code ក្នុង property ដូចខាងក្រោមនេះ:
public string UserNameLabel
{
get
{
return userNameLabel.Text;
}
set
{
userNameLabel.Text = value;
}
}

3. បង្កើត public get/set string property ដែលហៅថា PasswordLabel ដោយប្រើមធ្យោបាយដូចគ្នា ដែលបានបង្កើត userName Label property ។ បន្ថែម code ទៅដែលបង្ហាញ Text property នៃ passwordLabel control ដូចខាងក្រោមនេះ:
public string PasswordLabel
{
get
{
return passwordLabel.Text;
}
set
{
passwordLabel.Text = value;
}
}
4. បង្កើត public get/set string ទីបីដែលហៅ LoginButtonText ។ បន្ថែម statements ដែលអនុញ្ញាត read និង write Text property ចូលក្នុង Login បាន:
public string LoginButtonText
{
get
{
return loginButton.Text;
}
set
{
loginButton.Text = value;
}
}
5. បង្កើត public write-only string មួយ ដែលហៅថា UserName សរសេរតំលៃដែលបានអនុវត្តក្នុងពេលរត់ដំណើរការ Text property នៃឈ្មោះ userNameText ។ បន្ថែម Browsable(false) ។
[Browsable(false)]
public string UserName
{
set
{
userNameText.Text = value;
}
}
6. បង្កើត write-only ផ្សេងទៀតដែលមិនមាន non-browsable public string ដែលហៅថា Password ដែលអនុញ្ញាតអោយអ្នកសរសេរ
កម្មវិធី បង្កើតតំលៃ default សំរាប់  passwordText control:
[Browsable(false)]
public string Password
{
set
{
passwordText.Text = value;
}
}
បញ្ជាក់ data និង សំដែង event
1. ត្រឡប់ចូលក្នុង Design View ដែលមើលឃើញ LoginControl.cs. ចុចលើប៊ូតុង Login រួចជ្រើសរើសសន្លឹក Properties ។ ចុចលើប៊ូតុង Events ក្នុង Click event វាយសរសេរ loginClick រួចចុចលើ Enter ។
2. ក្នុង loginClick method បន្ថែម statements ខាងក្រោមដើម្បី
បង្កើតច្បាស់លាស់ user ដែលមានពត៌មាននៅក្នុង userNameText និង passwordText controls បង្ហាញ error icon ប្រសិនបើមានករណីដូចខាង ក្រោមនេះ:
if(userNameText.Text.Length ==? 0)
{
loginError.SetError(userNameText,
“Please enter a user name”);
return;
}
if (passwordText.Text.Length == 0)
{
loginError.SetError(passwordText,
“Please enter a password”);
return;
}
3. Scroll មើលខាងលើនៃ Login class រួចបន្ថែម public event ខាងក្រោមនេះ:
public event System.EventHandler LoginSuccess;
public event System.EventHandler LoginFail;
4. ត្រឡប់ចូលក្នុង loginClick event method ។ បន្ទាប់ code ដែលបានឆែកមើលប្រអប់ Password text box បន្ថែម statements ខាង
ក្រោមបញ្ជាក់ពីឈ្មោះ user name និង password ។
if (userNameAndPasswordAreValid(userNameText.Text,
passwordText.Text))
{
if (LoginSuccess!= null)
{
LoginSuccess(this, new System.EventArgs());
}
}
else
{
if (LoginFail != null)
{
LoginFail(this, new System.EventArgs());
}
}
5. នៅលើ Build menu ចុចលើ Build Solution ដើម្បី compile project ។
2. ប្រើប្រាស់ Login User Control
លំហាត់ខាងក្រោមនេះ អ្នកនឹងបន្ថែម Login user control ដើម្បី Toolbox រួចហើយបង្កើតកម្មវិធីប្រើប្រាស់បានងាយ ។ បន្ថែម Login user control ទៅក្នុងប្រអប់ Toolbox ។
1. នៅលើ Tools menu ចុចលើ Add/Remove Toolbox Items។  ប្រអប់ Customize Toolbox dialog box បានបើកឡើង ។ អ្នកអាចប្រើប្រអប់ dialog box នេះបន្ថែមទៅ COM controls និង .NET Framework controls
(ដែលរួមមាន user controls) ទៅក្នុង toolbar ។ ចុចលើសមាសភាព.NET Framework (វាត្រូវបានជ្រើសរើស default) ។

2. ចុចលើ Browse រួចមើលក្នុង \Microsoft Press\Visual C# Step by Step\Chapter 19\LoginControl\bin\Debug folder ក្នុង My Documents folder របស់អ្នក ។ ចុចលើ LoginControl.dll (user control នេះដែលអ្នកទើបតែបង្កើត) រួចចុចលើ Open ។ Login control (ក្នុង namespace LoginControl) នឹងដែលបានបន្ថែមទៅ list នៃសមាសភាព .NET Framework ។ ចុចលើ OK
3. ប្តូរ Design View ចុចលើ Toolbox រួចហើយចុចលើ General ។  ពេលនោះ Login control បង្ហាញ ។
បង្កើតតែសកម្មវិធីប្រើប្រាស់
1. បង្កើត project ថ្មីដោយប្រើ Windows Application template ដែលហៅថា LoginTest ។ បង្កើតក្នុង \Microsoft Press\Visual C# Step by Step\Chapter 19 folder ក្នុង My Documents folder របស់អ្នក។ ជ្រើសរើស Add To Solution radio រួចហើយចុចលើ OK ។
1. បន្ថែម Add To Solution អនុញ្ញាតអោយអ្នកមានច្រើនជាងមួយ project បើកក្នុងពេលតែមួយនៃ Microsoft Visual Studio .NET ។
2. បន្ទាប់ពីតែសកម្មវិធីប្រើប្រាស់ត្រូវបានបង្កើតចុចលើ Project menu រួចជ្រើសរើសបង្កើត StartUp Project ។ កាលណាអ្នក build និង execute កម្មវិធីប្រើប្រាស់ចុងក្រោយ ។
3. មើល Form1 ក្នុង Design View រួចហើយប្តូរទំហំ Size property គឺ 456, 360 ។
4. ក្នុងប្រអប់ Toolbox ចុចលើ General ។ អ្នកនឹងឃើញ Login control ។ ទាញ Login control លើ form ។ បង្កើតវាទីតាំង 20, 20 ។
5. ចុចលើ Form1 ក្នុង Design View រួចហើយប្តូរ BackColor property ទៅ IndianRed ។ ប្តូរ ForeColor property ទៅ LightGray ។
6. ចុចលើ Login user control (វាហៅថា login1) រួចសាកល្បងក្នុង properties របស់វានៅក្នុងសន្លឹក Properties ។ ប៊ូតុងនៅលើ Login នឹងប្តូរ ។ ប្តូរ PasswordLabel property ទៅ Password: និង UserNameLabel property ទៅឈ្មោះ Name:
login1.UserNameLabel = “Name:”;
7. ក្នុងសន្លឹក Properties ចុចលើប៊ូតុង Events ដើម្បីមើលអថេរ events សំរាប់ login1 control ។ អ្នកនឹងឃើញ LoginFail និង LoginSuccess ទាំងអស់ដែលនៅខាងមុខ events ។ រួចចុចលើ LoginFail event វាយសរសេរ loginFail រួចហើយចុចលើ Enter ។
MessageBox.Show(“Login failed”, “Fail”);
8. ត្រឡប់ចូលក្នុង Design View របស់ Form1 ជ្រើសរើសសន្លឹក Properties (ដែលបង្ហាញ events) វាយសរសេរ loginSuccess ក្នុង LoginSuccess event រួចហើយចុចលើ Enter ។ បន្ថែម statement ខាងក្រោមកាលណា loginSuccess method បង្ហាញក្នុង Code View:
MessageBox.Show(“Login succeeded”,”Success”);
9. នៅលើ Debug menu ចុចលើ Start ដើម្បី compile និងរត់ដំណើរ ការកម្មវិធីប្រើប្រាស់ LoginTest ។ កាលណា form បង្ហាញវាយសរសេរឈ្មោះ របស់អ្នកក្នុងឈ្មោះ Name text វាយសរសេរ Hello ក្នុងប្រអប់ Password text box ។
9. កាលណាបានបញ្ចប់ បិទ form រួចត្រឡប់ទៅកម្មវិធី Visual Studio .NET។

Related product you might see: