كيفية صناعة شاشة تسجيل دخول (log in) الجزء الثاني

[shadowshadow is verified member.]

بسم الله الرحمن الرحيم
بدون زيادة كلام يلا نبلش على السريع​

---

عندنا كثير من الإضافات مثلا نضيف Text لنوضح للمستخدم ايش يدخل بالزبط (اسم المستخدم / ايميل / رقم هاتف ) وغيرها الكثير

جاهزين يلا نبلش​

1- بدنا نضيف label من Toolbox

​

2- بدنا نعدل الخط و text الموجود اصلا فبدنا بإختصار نتحكم فيه بالضغط على label الي ضفناه و نضغط على الجهة اليمنى من الماوس (Right Click)
وبنختار Properties (خصائص)

​

3-طيب بدنا نعدل على text فبنبحث عنه

​

4-وبنرجع نضيف label ل password وبنسوي نفس ما سبق
5-طيب هسا بدنا كمان نعدل على text الموجود في button

نفس الاشي بنعدل على text الخاص فيه

وهيك بكون الشكل بعد كل هاي التعديلات

---

طيب design مش كثير صح وبرضو لما نجرب نشغل البرنامج وبعد ما نكتب user name لازم احدد textbox الخاص ب password مشان اقدر اكتب فيه يعني بإختصار لازم نخليه اكثر واقعية realistic
طيب يلا نبلش تعديلات وخلينا نبدأ بأنه ينتقل من textbox لثانية من خلال key الموجود بال keyboard وبعض الاضافات الثانية
1-بداية بنحدد textbox

2-وبنروح للخصائص الخاصة فيه
3-طيب وبدنا نختار event وهي نفسها إشارة البرق الي فوق

​

4-وبنبحث عن key down لانن منطقياً بدنا بس يضغط على سهم للأسفل ينزل المؤشر لأسفل (textbox الخاص ب password ) بنضغط عليها مرتين (double click)

​

رح ينشئ function خاص فيها ورح ينقلنا لصفحة الخاصة ب code

​

5-طيب هسا بدنا ننقل الموشر ل textbox الخاص ب password في حالتين لما يضغط على السهم او يضغط enter

بإختصار بحكي الكود اذا ضغط على enter او على key down فهو بنقل المؤشر ل textbox الي اسمه password (احنا سميناه هيك بالجزء الأول) وبسوي focus للمؤشر

 if (e.KeyCode == Keys.Enter || e.KeyCode == Keys.Down)
 {
     password.Focus();
 }

6-طيب هسا بنروح ل textbox الثاني (password) ونفس الأشي بنبحث على ال event الخاص فيه وعندنا هون حالتين
الحالة الأولى : لما يضغط enter يشيك على اسم المستخدم وكلمة السر يعني أنه فعليا كأنه ضغط على button
الحالة الثانية : لما يضغط السهم لأعلى (key up ) يرجع المؤشر textbox الأول (user name)

الكود بالحالة الثانية :

if (e.KeyCode == Keys.Up)
{
    username.Focus();
}

الكود بالحالة الأولى :

 if (e.KeyCode == Keys.Enter)
 {
     button1_Click(this, new EventArgs());
 }

وهيك بنحكيله انه لما يضغط enter ويكون المؤشر في password يعتبر button1 تم الضغط عليه
وهيك بصير البرنامج اكثر واقعية

---

طيب في برضو مشكلة انه form بتظهر بمكان عشوائي يلا نخليها بالنص او اي مكان محدد
1- بتحدد على form من خلال الضغط عليه

​

2-وبنرجع على Properties

​

3-بندور على start position

​

4-وبنعدلها وبنخليها center screen

​

5-طيب بما انه احنا بخصائص form خلينا نغير text الخاص فيها

​

6-ونخليه log in

​

وهيك بطلع معنا الشكل بعد كل هاي التعديلات

​

---

لسا مش راضي ك design معك حق يلا نعدلو شوي
1-خلينا نغير اللون الخاص ب form

​

2-واختار اي لون انت بتحبه

​

طيب الخط مش عاجبك او صغير بسيطة يلا نغيره
1-أول اشي بنحدد label الي بدنا نعدلهم

​

2-وبنختار من الخصائص font

​

3-وبنضغط عليه بتظهرلنا قائمة بنقدر نعدل فيها على كيفنا

​

4-وخلينا نغير موقع label

​

برضو لو بدك تعدل على خط button بتسوي نفس ما سبق
وهاي النتيجة النهائية

وهيك بنختم الجزء الثاني وقريبًا إن شاء الله منكمل باقي الأجزاء والمواضيع​

 

[أبو البراءأبو البراء is verified member.]

موضوع جميل يا شادو والله
استمر يا بشمهندس عسى الله أن ينفع بك

 

[Dark-Base]

استمر , بارك الله فيك