إنشاء برنامج في Visual Basic: متصفح الويب: 9 خطوات

2024 مؤلف: John Day | [email protected]. آخر تعديل: 2024-01-30 07:42

يشرح هذا Instructable عملية إنشاء تطبيق متصفح ويب بسيط في VB. NET ، وقد تم تصميمه كمتابعة لأول VB. NET Instructable: إنشاء برنامجك الأول في Visual Basic. يوصى بقراءة هذا التوجيه أولاً ، حيث يفترض هذا التوجيه أن لديك معرفة أساسية بواجهة Visual Basic Express Edition ، كما هو مغطى في التعليمات الأخرى الخاصة بي. على الرغم من أن Visual Basic 2005 Express Edition يعمل بشكل جيد لهذا التوجيه ، إلا أنني أستخدم Visual Basic 2008 Express Edition ، متاح من Microsoft

الخطوة الأولى: إنشاء المشروع

قم بإنشاء مشروع Windows Forms جديد ، وقم بتسميته Web Browser. قم بتغيير حجم النموذج حسب رغبتك.

الخطوة 2: قم بإضافة عناصر التحكم وتغيير الخصائص

من مربع الأدوات ، اسحب TextBox و WebBrowser و A Button إلى النموذج. ضعهم كما هم في الصورة. بعد ذلك ، قم بتحرير خاصية Anchor في TextBox و WebBrowser بحيث يتم تحديد جميع المربعات حول المربع الرمادي (تظهر عند تحرير خاصية الارتساء) ، وهذا سيسمح لعناصر التحكم "بالتمدد" عند تغيير حجم النموذج. افعل نفس الشيء للزر ، ولكن اضبطه فقط على "أعلى ، يمين". قم أيضًا بتغيير خاصية Text من Form1 إلى مستعرض ويب ، أو شيء مشابه لتغيير شريط العنوان.

الخطوة الثالثة: الكود

انقر نقرًا مزدوجًا فوق Button1 ، وأضف الكود التالي إلى المحرر ، بعد سطر "Private Sub" وقبل سطر "End Sub"

WebBrowser1. Navigate (TextBox1. Text)يخبر هذا الرمز البرنامج ببساطة: عندما ينقر شخص ما على Button1 ، احصل على WebBrowser للانتقال إلى كل ما هو موجود في TextBox1 هذا كل شيء! لديك متصفح ويب يعمل. انقر فوق زر التشغيل لاختبارها.

الخطوة 4: المزيد من الأشياء

الآن ، لم تعتقد أنني سأعطيك سطرًا واحدًا من التعليمات البرمجية - أليس كذلك؟ خلال الخطوات القليلة التالية ، سنقوم بتنفيذ ما يلي:

• شريط العنوان الذي يتغير مع تغير الصفحة
• أزرار للخلف والأمام والتحديث
• شريط الحالة.

الخطوة 5: شريط العنوان

في الوقت الحالي ، كل ما يفعله شريط العناوين هو إظهار الصفحة التي تكتبها ، إذا نقرت على رابط ، فلن ينعكس التغيير في شريط العنوان. لإصلاح هذا الأمر ، نحتاج إلى إضافة المزيد من التعليمات البرمجية للعودة إلى عرض التصميم ، انقر فوق "Form 1.vb (Design)" ثم انقر نقرًا مزدوجًا فوق عنصر تحكم WebBrowser. سيعود إلى عرض الكود ، ولكن سيكون هناك المزيد من الأكواد ، لاحظ أنه يقول "WebBrowser1_DocumentCompleted" ، هذا هو الكود الذي نريده ، لذلك لا نحتاج إلى إجراء أي تغييرات هنا ، ولكن هناك فراغ فارغ تحت ذلك ، قبل جملة End Sub ، ونريد إضافة بعض التعليمات البرمجية هناك. اكتب ما يلي هناك

TextBox1. Text = WebBrowser1. Url. ToStringهذا يخبر البرنامج أنه بمجرد اكتمال WebBrowser1_DocumentCompleted ، يجب علينا تغيير TextBox1. Text إلى WebBrowser1. Url. يوجد ToString لأن خاصية URL لمتصفح الويب ، افتراضيًا ، ليست من نفس نوع البيانات (سلسلة) ، كما هو مطلوب في مربع النص الخاص بنا. تكتب ToString عنوان URL إلى سلسلة نصية لمربع النص.

الخطوة 6: أزرار العمل

عد إلى عرض التصميم واسحب 3 أزرار جديدة إلى النموذج وضعها في موضعها. قم بتغيير خاصية Text لكل: Button2 = Back ، Button3 = Forward و Button4 = Refresh. إذا قمت بوضعها مثل موقعي ، فاضبط خاصية الربط الخاصة بـ Refresh to Top ، وانقر نقرًا مزدوجًا فوق الزر Back ، واكتب الكود التالي.

WebBrowser1. GoBack () بالعودة إلى التصميم ، انقر نقرًا مزدوجًا فوق "الأمام" ثم اكتب

WebBrowser1. GoForward ()طريقة العرض "تصميم" ، ثم انقر نقرًا مزدوجًا للتحديث

WebBrowser1. Refresh ()اختبر المتصفح وجرب الميزات الجديدة.

الخطوة 7: شريط الحالة

مرة أخرى في طريقة عرض التصميم ، أضف تسمية ، قم بتغيير النص إلى "تحميل …" (بدون علامات الاقتباس) الآن ، انتقل إلى عرض التعليمات البرمجية بالنقر فوق علامة التبويب Form1.vb. ابحث عن إدخال WebBrowser1_DocumentCompleted واكتب أدناه الرمز الذي وضعته هناك مسبقًا

Label1. Text = "تم"الآن ، انقر فوق حيث يقول الرمز DocumentCompleted. حرك الماوس لأعلى إلى حيث يوجد مربعا القائمة المنسدلة. حدد الخيار الثاني (الذي يشير إلى أن المستند مكتمل) وحدد التنقل. بعد ذلك ، سيظهر رمز جديد - اكتب

Label1. Text = "تحميل"يوفر هذا فقط مؤشرًا عند تحميل الصفحة ، وقد ترغب أيضًا في تعيين خاصية الارتساء الخاصة بالتسمية.

الخطوة 8: Comlete

ها أنت ذا. لديك متصفح ويب يعمل بكامل طاقته. استمر في تخصيصه كما يحلو لك. لدي بعض الواجبات لمن أكمل هذه التعليمات ، ونفذ ما يلي:

• وظيفة المنزل
• قم بتغيير الزر "تحديث" إلى زر "إيقاف" عند تحميل الصفحة.

آمل أن تكون هذه المشاريع قد أوضحت لك مدى سهولة البرمجة!

الخطوة 9: الحلول

بالنسبة لأولئك الذين أكملوا أول تعليمات VB الخاصة بي - لدي حلول للواجب المنزلي الذي حددته في النهاية.

تغيير لون الخلفية

هذا بسيط - قم بتغيير خاصية BackColour الخاصة بـ Form1 إلى لون مختلف

أضف بعض معلومات حقوق النشر

ستؤدي تسمية جديدة مع تغيير خاصية النص إلى الحيلة

جعل حجم تغيير النموذج مع الصورة

تغيير AutoSize إلى True و AutoSizeMode إلى GrowAndShrinkDone! لم يحن بعد: سأقوم بإنشاء المزيد من VB. NET Instructables. استمر في الترميز!