دوست داری برنامه اندروید بسازی ...!؟
نمی دونی از کجا شروع کنی ... !؟
یادگیری گام به گام و کاملا رایگان در
آکادمی همیار اندروید
شروع یادگیری
همکاران ما
تبلیغات
مطلب انتخابی شما

تاریخ ارسال : ۳۰ , ۰۴ , ۱۳۹۵
تعداد نظرات : ۱۰ نظر
دسته بندی : Android Studio, WebView

آموزش کار با وب ویو (WebView) در برنامه نویسی اندروید (ساخت کتاب اندرویدی با فراخوانی فایل html)

به نام خدا

 

سلام دوستان ،

تو این جلسه قراره که با وب ویو (WebView) کار کنیم ، وب ویو از اسمش معلومه که کارش با صفحات وب هستش اما می تونیم با ترفندهای جورباجور ازش استفاده های دیگه ای هم ببریم ،

مثلا تو این جلسه قراره که با وب ویو روش ساخت کتاب رو براتون توضیح بدم ،

پس با ما همرا باشید

 

اصلا می خوایم چی کار کنیم ..!؟

ما می خوایم یه مقاله با موضوع آموزش نصب ویندوز سون رو بسازیم ، البته اپلیکیشن اندرویدی اون رو ،

این کار رو به کمک فایل html انجام می دیم به طوری که با html مقاله خودمون رو آماده می کنیم و اون رو به اپلیکیشن اضافه می کنیم

تصویر زیر هم نمایی از اپلیکیشن ساخته شده در این جلسه است :

و مراحل انجام کار هم به صورت زیر هستش :

مرحله اول : ساخت یک پروژه جدید

مرحله دوم : اضافه کردن یک وب ویو به لایوت

مرحله سوم : اضافه کردن فایل html به پروژه

مرحله چهارم : کدنویسی در اکتیویتی

 

نکته مهم : چون قراره مرحله به مرحله پیش بریم ، شما دقیقا از نام هایی که من در پروژه خودم استفاده می کنم ، استفاده کنید تا به مشکل بر نخورید و پس از پایان کار در صورت تمایل نام ها را تغییر دهید .

و یه نکته دیگه : پس از پایان هر مرحله نتیجه کار را مشاهده کنید تا تغییرات را درک کنید

 

مرحله اول : ساخت یک پروژه جدید

نام پروژه من : WebView

نام پکیج من : HamyarRoid.com

نام اکتیویتی من : MainActivity

نام لایوت من : activity_main

توجه مهم : برای انتخاب یکی از حالت های پیش فرض در اندروید استودیو از حالت Empty Activity استفاده کنید

 

مرحله دوم : اضافه کردن یک وب ویو به لایوت

برای این کار کافیه یک وب ویو رو از پلت های سمت چپ بکشید و به لایه اضافه کنید و تغییرات دلخواه خودتون رو روی اون اعمال کنید

کدهای زیر تمام کدهای لایه من هستند ، کپی کنید و جایگزین لایوت خود کنید

توضیح کدهای بالا :

خط ۱۴ و ۱۵ : من با این دو خط وب ویو رو تمام صفحه کردم به طوری که کل صفحه رو در بر بگیره

خط ۱۶ : من در این خط یک id به وب ویو دادم تا در مرحله بعد از آن استفاده کنم

 

مرحله سوم : اضافه کردن فایل html به پروژه

حالا ما باید یک سند html به پروژه خودمون اضافه کنیم

درواقع این سند html همان مقاله ما می باشد

برای اضافه کردن روی app پروژه کلیک راست کنید و مسیر زیر را ادامه دهید

App > New > Folder > Assets Folder

با انجام این کار یک پوشه به نام assets به پروژه ما اضافه شد ،

حالا ما باید سند html را درون این پوشه کپی کنم

توجه : اینکه چی جوری با html کار کنیم و تصاویر رو به مقاله اضافه کنیم شما باید یه آشنایی کوچیک با html داشته باشید ، که این آموزش در این بحث جای ندارد و می تونید با یک سرچ کوچیک در گوگل متوجه شید

 

مرحله چهارم : کدنویسی در اکتیویتی

خیلی خوب دوستان حالا کدهای زیر رو که مربوط به تمام کدهای اکتیویتی من می باشد رو جایگزین اکتیویتی خود کنید (جلوتر توضیح خواه داد)

توضیح کدهای بالا :

خط ۱۴ : در مرحله دوم ما یک وب ویو ساختیم و به آن یک id دادیم حالا با استفاده از آن id یک شی می سازیم به نام book

خط ۱۶ : حالا همان فایل html را که به پروژه وارد کردیم را به شی وب ویو متصل می کنیم

 

 

 

منبع انگلیسی زبان این آموزش

خیلی خوب تا جایی که تونستم آموزش رو مرحله به مرحله و روان توضیح دادم ،

امیدوارم که به کارتون بیاد ،

اگه سوال یا پیشنهادی بود می تونید کامنت بزارید

بدرود

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

همیار اندروید را در شبکه های اجتماعی دنبال کنید
یــــــک راه آسان برای ارتباط با هـــــــم :)
مطالب مرتبط با موضوع شما

برچسب‌ها: , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

نظرات کاربران

لطفا نظر ، پیشنهاد و انتقاد خود را فقط در ارتباط با موضوع بالا ذکر کنید و از سوالات پراکنده خود داری کنید
برای حفظ و برقراری نظم در سایت به سوالات پراکنده پاسخ داده نمی شود
در آینده سیستم پرسش و پاسخ راه اندازی خواهد شد
لطفا به قوانین احترام بگذارید

10 پاسخ به “آموزش کار با وب ویو (WebView) در برنامه نویسی اندروید (ساخت کتاب اندرویدی با فراخوانی فایل html)”

  1. حسین وفا می‌گه:

    آموزش خوبی بود ممنون

    هنوز انجامش ندادم . فکر کنم به جای آدرس فایل که در پوشه assets هستش آدرس یه صفحه اینترنتی بدیم . اون صفحه رو از اینترنت شبیه یک مرورگر لود کنه. درسته؟

    اگه اینطوری بشه، به همین راحتی میشه یه اپ اندروید واسه سایت خودمون بسازیم

  2. hassan می‌گه:

    http://d:\e1.pngسلام من انجام دادم اما نمیدونم چرا پیغام میده که نمیتونه لود کنه فایل رو وپیداش نمی کنه

    • سامان سلطانی پور می‌گه:

      سلام دوست عزیز

      لطفا دقیق تر توضیح بدید که بتونم راهنمایی کنم

      می تونید تصویر ارسال کنید تا بهتر راهنمایی کنم

      و در ضمن اگر مطابق آموزش پیش برید و از نام ها و عبارات استفاده شده در آموزش استفاده کنید به هیچ عنوان به مشکل برنمی خورید

      موفق باشید

       

  3. حسین می‌گه:

    عالیییییییییییییییییی بود.

    خیلی ممنون از زحمتتون

    🙂

  4. حسین می‌گه:

    یه سوال داشتم؟!

    اگه فایل html مون حاوی فلش باشه باید چیکار کنیم تا اجرا کنه؟

    بازم ممنون

     

  5. آرمان می‌گه:

    دستتون درد نکنه

    کاملا پیگیر سایت زیباتون هستم

    مرسی واقعا

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *


ما را محبوب کنید