فهرست مطالب:

ایجاد برنامه در ویژوال بیسیک: مرورگر وب: 9 مرحله
ایجاد برنامه در ویژوال بیسیک: مرورگر وب: 9 مرحله

تصویری: ایجاد برنامه در ویژوال بیسیک: مرورگر وب: 9 مرحله

تصویری: ایجاد برنامه در ویژوال بیسیک: مرورگر وب: 9 مرحله
تصویری: آموزش WebView برای ساخت مرورگر در اندروید - Android WebView 2024, نوامبر
Anonim
ایجاد برنامه در ویژوال بیسیک: مرورگر وب
ایجاد برنامه در ویژوال بیسیک: مرورگر وب

این دستورالعمل روند ایجاد یک برنامه ساده مرورگر وب در VB. NET را توضیح می دهد که به عنوان دنباله ای از اولین دستورالعمل VB. NET من طراحی شده است: ایجاد اولین برنامه خود در ویژوال بیسیک. توصیه می شود ابتدا این دستورالعمل را مطالعه کنید ، زیرا این فرض بر این است که شما دانش اولیه ای از رابط کاربری Visual Basic Express Edition دارید ، همانطور که در دستورالعمل دیگر من ذکر شده است. اگرچه Visual Basic 2005 Express Edition برای این دستورالعمل خوب است ، اما من از آن استفاده می کنم Visual Basic 2008 Express Edition ، موجود از مایکروسافت

مرحله 1: ایجاد پروژه

ایجاد پروژه
ایجاد پروژه

یک پروژه Windows Forms جدید ایجاد کنید و آن را مرورگر وب بنامید. اندازه فرم را به دلخواه تغییر دهید.

مرحله 2: کنترل ها را اضافه کنید و ویژگی ها را تغییر دهید

Controls را اضافه کرده و Properties را تغییر دهید
Controls را اضافه کرده و Properties را تغییر دهید

از جعبه ابزار ، TextBox ، WebBrowser و A Button را روی فرم بکشید. آنها را مانند تصویر قرار دهید. سپس ، ویژگی Anchor TextBox و WebBrowser را طوری ویرایش کنید که همه کادرهای اطراف خاکستری (هنگام ویرایش ویژگی لنگر نشان داده می شود) انتخاب شوند ، این به کنترل ها اجازه می دهد هنگام تغییر اندازه فرم "کشش" پیدا کنند. همین کار را برای دکمه انجام دهید ، اما فقط آن را روی "بالا ، راست" تنظیم کنید. همچنین ویژگی Text از Form1 را به مرورگر وب یا چیزی مشابه برای تغییر نوار عنوان تغییر دهید.

مرحله 3: کد

کد!
کد!

روی Button1 دوبار کلیک کنید و کد زیر را به ویرایشگر اضافه کنید ، پس از خط "Private Sub" و قبل از "End Sub"

WebBrowser1. Navigate (TextBox1. Text)این کد به سادگی به برنامه می گوید: وقتی شخصی روی Button1 کلیک می کند ، WebBrowser را برای حرکت به هر آنچه در TextBox1 است ، دریافت کنید! شما یک مرورگر وب فعال دارید. برای آزمایش آن روی دکمه play کلیک کنید.

مرحله 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 را برای یک رشته برای TextBox می نویسد.

مرحله 6: دکمه های عمل

دکمه های اکشن
دکمه های اکشن

به نمای طراحی برگردید و 3 دکمه جدید را روی فرم بکشید و آنها را قرار دهید. ویژگی Text هر کدام را تغییر دهید: Button2 = Back ، Button3 = Forward و Button4 = Refresh. اگر آنها را مانند من قرار می دهید ، ویژگی لنگر Refresh to Top را تنظیم کنید ، RightDouble را روی دکمه Back کلیک کنید و کد زیر را تایپ کنید.

WebBrowser1. GoBack () برای بازگشت به طراحی ، روی Forward and typ دوبار کلیک کنید

WebBrowser1. GoForward ()نمای طراحی و دوبار کلیک برای بازخوانی

WebBrowser 1. Refresh ()مرورگر را آزمایش کرده و ویژگی های جدید را امتحان کنید.

مرحله 7: نوار وضعیت

نوار وضعیت
نوار وضعیت

به نمای طراحی برگردید ، یک برچسب اضافه کنید ، متن را به "Loading…" (بدون نقل قول) تغییر دهید. اکنون ، با کلیک روی برگه Form1.vb ، به نمای کد بروید. ورودی WebBrowser1_DocumentComplet را پیدا کرده و زیر کدی که قبلاً در آنجا قرار داده اید تایپ کنید

Label1. Text = "انجام شد"اکنون ، روی جایی که کد می گوید DocumentCompleted کلیک کنید. ماوس خود را به جایی که دو کادر کشویی در آن قرار دارند حرکت دهید. مورد دوم (موردی که می گوید DocumentCompleted) را انتخاب کرده و Navigating را انتخاب کنید. سپس ، کد جدیدی ظاهر می شود - typ

Label1. Text = "در حال بارگیری"این فقط یک نشانگر را در هنگام بارگیری صفحه ارائه می دهد. همچنین ، ممکن است بخواهید ویژگی لنگر برچسب را تنظیم کنید.

مرحله 8: کامل کنید

کامل!
کامل!

آنجا برو. شما یک مرورگر وب کاملاً فعال دارید. همچنان که می خواهید آن را سفارشی کنید. همانطور که در اولین دستورالعمل من. من برخی از تکالیف را برای کسانی که این دستورالعمل را کامل می کنند دارم. موارد زیر را اجرا کنید:

  • عملکرد خانه
  • هنگام بارگیری صفحه ، دکمه Refresh را به دکمه Stop تغییر دهید.

امیدوارم این پروژه ها به شما نشان داده باشد که برنامه ریزی چقدر آسان است!

مرحله 9: راه حل ها

راه حل ها
راه حل ها

برای کسانی که اولین VB اموزشی ام را تکمیل کردند - من راه حل هایی را برای تکلیفی که در انتها تنظیم کرده ام دارم.

تغییر رنگ پس زمینه

این ساده است - ویژگی BackColour Form1 را به رنگ دیگری تغییر دهید

برخی از اطلاعات حق چاپ را اضافه کنید

یک برچسب جدید با ویژگی متن تغییر کرده است

با تغییر تصویر ، اندازه را تغییر دهید

AutoSize را به True و AutoSizeMode را به GrowAndShrinkDone تغییر دهید! هنوز در راه است: من چند دستورالعمل VB. NET دیگر ایجاد می کنم. به برنامه نویسی ادامه دهید!

توصیه شده: