شاشة الترحيب || Splash Screen

[shadowshadow is verified member.]

بسم الله الرحمن الرحيم​

ما هي شاشة الترحيب (Splash Screen)؟​

شاشة الترحيب، أو شاشة البداية، هي الشاشة الأولى التي تظهر للمستخدم عند فتح تطبيق على الهاتف المحمول أو الحاسوب؛ تظهر هذه الشاشة لفترة قصيرة بينما يتم تحميل التطبيق وإعداده للاستخدام.

أهمية شاشة الترحيب:​

1. تحسين تجربة المستخدم: تقلل شاشة الترحيب من شعور المستخدم بالانتظار من خلال عرض رسومات جذابة أو شعارات مميزة.
2. تعزيز هوية العلامة التجارية: تتيح شاشة الترحيب فرصة مثالية لتعزيز هوية العلامة التجارية من خلال عرض الشعار والألوان المميزة للشركة.
3. تحميل الموارد الأساسية: توفر شاشة الترحيب وقتًا لتحميل الموارد الأساسية وتحضير المحتوى، مما يؤدي إلى تجربة استخدام أكثر سلاسة بعد فتح التطبيق.
4. إحداث انطباع أولي إيجابي: تساعد شاشة الترحيب في خلق انطباع أولي جيد يعزز من شعور المستخدم بالثقة والراحة مع التطبيق.

مكونات شاشة الترحيب:​

• الشعار والعلامة التجارية: عادةً ما تحتوي شاشة الترحيب على شعار التطبيق أو الشركة.
• الألوان والتصميم: يتم اختيار الألوان والتصميمات بعناية لتعكس هوية العلامة التجارية.
• رسائل ترحيبية: بعض التطبيقات تعرض رسائل ترحيبية أو شعارات قصيرة لتعزيز التواصل مع المستخدم.

مثال على شاشة الترحيب:​

عند فتح تطبيق مثل Facebook أو Instagram، ستلاحظ شاشة البداية التي تعرض شعار التطبيق على خلفية بسيطة. تظهر هذه الشاشة لبضع ثوانٍ فقط قبل الانتقال إلى الصفحة الرئيسية للتطبيق.

كيفية تصميم شاشة ترحيب فعّالة:​

1. بساطة التصميم: اجعل الشاشة بسيطة وواضحة بدون الكثير من التفاصيل.
2. التوافق مع العلامة التجارية: استخدم الألوان والشعارات التي تتوافق مع هوية علامتك التجارية.
3. سرعة التحميل: تأكد من أن شاشة الترحيب لا تستغرق وقتًا طويلًا للتحميل لتجنب إزعاج المستخدم.
4. رسالة واضحة: إذا كنت تستخدم نصًا، اجعله قصيرًا ومباشرًا.

---

يلا نبلش بالجانب العملي ​

أول شيء بدنا نفضي الشاشة من أي أزرار
1- بنحدد form
2- بنختار none من Form Bord style من properters الخاصة ب form1

3-طبعًا بدنا الشاشة تظهر بالنص فبنغير الموقع لنصف الشاشة center screen

4-يمكن إنك تكتب الي بدك ياه أو تضيف صورة حسب شو حاب ​

5- بنحتاج إضافة panel ورح نضعها بالأسفل بهذا الشكل:​

6- بنضيف panel ونضعها فوق panel الأولى هكذا

7- علينا إضافة Time

​

8- بنغير الإعدادات الخاصة بـ Timer

​

الأرقام افتراضية وبتقدر تغيرها

9- بنضغط ضغطتين على Timer من أجل تعديل الكود

 panel2.Width += 3; // speed and you can change them
 if (panel2.Width >= 00000) // width of form
 {
     Form2 zz = new Form2();
     zz.Show();
     this.Hide();
     timer1.Stop();
 }

طبعًا بتقدر تغير سرعة panel2 وعلى سبيل المثال بعد وصول panel2 للنهاية يقوم بالذهاب ل form2

وهذا النتيجة النهائية:

 

[3b0-0d3b0-0d is verified member.]

بسم الله الرحمن الرحيم​

ما هي شاشة الترحيب (Splash Screen)؟​

شاشة الترحيب، أو شاشة البداية، هي الشاشة الأولى التي تظهر للمستخدم عند فتح تطبيق على الهاتف المحمول أو الحاسوب. تظهر هذه الشاشة لفترة قصيرة بينما يتم تحميل التطبيق وإعداده للاستخدام.

أهمية شاشة الترحيب​

1. تحسين تجربة المستخدم: تقلل شاشة الترحيب من شعور المستخدم بالانتظار من خلال عرض رسومات جذابة أو شعارات مميزة.
2. تعزيز هوية العلامة التجارية: تتيح شاشة الترحيب فرصة مثالية لتعزيز هوية العلامة التجارية من خلال عرض الشعار والألوان المميزة للشركة.
3. تحميل الموارد الأساسية: توفر شاشة الترحيب وقتًا لتحميل الموارد الأساسية وتحضير المحتوى، مما يؤدي إلى تجربة استخدام أكثر سلاسة بعد فتح التطبيق.
4. إحداث انطباع أولي إيجابي: تساعد شاشة الترحيب في خلق انطباع أولي جيد يعزز من شعور المستخدم بالثقة والراحة مع التطبيق.

مكونات شاشة الترحيب​

• الشعار والعلامة التجارية: عادةً ما تحتوي شاشة الترحيب على شعار التطبيق أو الشركة.
• الألوان والتصميم: يتم اختيار الألوان والتصميمات بعناية لتعكس هوية العلامة التجارية.
• رسائل ترحيبية: بعض التطبيقات تعرض رسائل ترحيبية أو شعارات قصيرة لتعزيز التواصل مع المستخدم.

مثال على شاشة الترحيب​

عند فتح تطبيق مثل Facebook أو Instagram، ستلاحظ شاشة البداية التي تعرض شعار التطبيق على خلفية بسيطة. تظهر هذه الشاشة لبضع ثوانٍ فقط قبل الانتقال إلى الصفحة الرئيسية للتطبيق.

كيفية تصميم شاشة ترحيب فعّالة​

1. بساطة التصميم: اجعل الشاشة بسيطة وواضحة بدون الكثير من التفاصيل.
2. التوافق مع العلامة التجارية: استخدم الألوان والشعارات التي تتوافق مع هوية علامتك التجارية.
3. سرعة التحميل: تأكد من أن شاشة الترحيب لا تستغرق وقتًا طويلًا للتحميل لتجنب إزعاج المستخدم.
4. رسالة واضحة: إذا كنت تستخدم نصًا، اجعله قصيرًا ومباشرًا.

---

يلا نبلش بالجانب العملي ​

اول اشي بدنا نفضي الشاشة من اي ازرار
1- بنحدد form
2- بنخنار none من Form Bord style من properters الخاصة ب form1

مشاهدة المرفق 10991​

3-وطبعا بدنا الشاشة تظهر بالنص فبنغير الموقع لنصف الشاشة center screen

مشاهدة المرفق 11034​

4-يمكن انك تكتب الي بدك ياه او تضيف صورة حسب شو حاب ​

5- بنحتاج إضافة panel ورح نضعها بالأسفل بهذا الشكل​

مشاهدة المرفق 11028​

6- بنضيف panel ونضها فوق panel الأولى هكذا

مشاهدة المرفق 11029​

7- علينا إضافة Time

مشاهدة المرفق 11033​

8- بنغير الإعدادات الخاصة ب Timer

مشاهدة المرفق 11030
الأرقام افتراضية وبتقدر تغيرها​

9- بنضغط ضعتين على Timer من أجل تعديل الكود

 panel2.Width += 3; // speed and you can change them
 if (panel2.Width >= 00000) // width of form
 {
     Form2 zz = new Form2();
     zz.Show();
     this.Hide();
     timer1.Stop();
 }

طبعا يتقدر تغير سرعة panel2 وعلى سبيل المثال بعد وصول panel2 للنهاية يقوم بالذهاب ل form2

وهذا النتيجة النهائية

مشاهدة المرفق 11036​

طبعًا موجود في الملفات المرفقة نسخة مبدئية للتجريب.

رهيب رهيب يا علي

 

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

شادو المتميز دائما بارك الله فيك على هذا الموضوع الجديد

 

[STORMSTORM is verified member.]

بسم الله ما شاء الله شرح موفق ورائع اخوي شادو
الظاهر انه رح يكون في عنا عملاق سي شارب بالمنتدى
ننتظر جديدك دائما يا حشم

 

[أبو المعاليأبو المعالي is verified member.]

ما شاء الله .. الله يباركلك يا شادو
من الأن شرح مفهوم و توصل المعلومة بطريقة سهلة

فالله يعطيك العافية

 

[shadowshadow is verified member.]

ما شاء الله .. الله يباركلك يا شادو
من الأن شرح مفهوم و توصل المعلومة بطريقة سهلة

فالله يعطيك العافية

الله يعافيك