دوره های آموزشی
خانه / اندروید / آموزش WebView در اندروید استودیو

آموزش WebView در اندروید استودیو

WebView اندروید به شما این امکان را می‌دهد یک صفحه وب را تحت عنوان بخشی از برنامه کاربردی (اپلیکیشن) استفاده کنید. WebView، دارای تمامی ویژگی‌ها و مشخصات یک مرورگر دسکتاپ از قبیل مدیریت تاریخچه، کوکی‌ها و حمایت از HTML5 و غیره است. با استفاده از webview می‌توانید اپلیکیشن‌های بسیار جالبی را ایجاد کنید؛ مثل ادغام بازی‌های HTML5 در یک اپلیکیشن. هدف از آموزش webview در اندروید استودیو ، یادگیری کاربرد اصلی WebView است که با آغاز از نمایش یک صفحه وب جهت ساخت یک مرورگر ساده‌ی درون برنامه‌ای که از ناوبری (هدایت) و نشانه‌گذاری (بوک مارک) پشتیبانی می‌کند، صورت می‌پذیرد. همچنین چگونگی استفاده از WebView با سایر عناصر از قبیل CollapsingToolbar و NestedScrollView برای رسیدن به تجربه اندروید بومی را نیز خواهید آموخت.

نحوه استفاده از WebView

اضافه کردن WebView در اپلیکیشن شما، شامل بیش از دو مرحله نیست. در ابتدا باید عنصر WebView را در طرح XML خود وارد کنید.

دوم، باید URL خاص خود را در Webview فعالیت خود بارگذاری کنید. آنچه در ادامه آورده شده است، صفحه اصلی گوگل را در Web View بارگذاری می‌کند.
آموزش WebView در اندروید استودیو

اگر چه بارگذاری یک url ساده بسیار آسان به نظر می‌رسد، سفارشی‌سازی WebView مستلزم وجود دانش کامل و جامعی در مورد WebView و روش‌هایی که در اختیار قرار می‌دهد، است. ما با روش‌های اصلی که WebView ارائه می‌دهد، آغاز می‌کنیم و سپس، مرورگر ساده‌ای را می‌سازیم که بعنوان مرورگر درون برنامه‌ای کار می‌کند و گزینه‌های backward، forward و bookmark را در اختیار قرار می‌دهد. ما همه این موارد را یکی یکی و با آغاز از یک پروژه ساده در Android Studio فرا خواهیم گرفت.

ایجاد یک پروژه جدید در اندروید استودیو

  1. با استفاده از مسیر File New Project  در اندروید استودیو و با تکمیل جزئیات مورد نیاز، یک پروژه جدید را بسازید.
  2. از آنجا که نیاز به درخواست‌های شبکه داریم، باید مجوز INTERNET را در AndroidManifest.xml اضافه کنیم.
build.gradle را باز کنید و پشتیبانی Glide library را اضافه کنید. اینکار، برای بارگذاری تصویر در CollapsingToolbar مورد نیاز است. این مرحله، اختیاری است، ولی پیشنهاد می‌کنیم که آن را انجام دهید.
این پوشه webview_resources منابع را دانلود کنید و محتوا را به پروژه خود اضافه کنید. این پوشه، محتوی drawer‌ها و assets های مورد نیاز برای این پروژه است.

آموزش webview در اندروید استودیو

فایل‌های طرح‌بندی فعالیت اصلی خود (activity_main.xml و content_main.xml) و عنصر WebView را باز کنید. با اینکار، من CoordinatorLayout, Toolbar و ProgressBar را که در حال بارگذاری صفحه وب          نشان داده می‌شوند، نیز اضافه می‌کنم.

 

اکنون، MainActivity.java را باز کنید و کد زیر را تغییر دهید. در اینجا متد initCollapsingToolbar () به طور کامل غیر مرتبط با WebView است، اما وقتی صفحه وب نمایش داده می‌شود ، افکتی را نشان می دهد . متد Glide برای نمایش تصویر هدر در نوار ابزار مورد استفاده قرار می‌گیرد.

اکنون، اگر برنامه را اجرا کنید، می‌توانید مشاهده کنید که webpage در WebView در حال بارگذاری است. اکنون، به بررسی روش‌های مفید دیگری که web view ارائه می‌دهد، می‌پردازیم.

آموزش webview بارگذاری Html، CSS و سبک فونت محلی

ممکن است در برخی موارد لازم باشد یک صفحه وب را بجای بارگذاری از یک url، از محل ذخیره‌سازی محلی اپلیکیشن بارگذاری نمایید. برای انجام اینکار می‌توانیم تمامی html, css و فونت‌ها را در پوشه assets نگهداری نموده و آنها را از آنجا بارگذاری نماییم.

یک پوشه جدید با نام assets  را در src/main    ایجاد کنید (src/main/assets) و html, css و فونت‌ها را در آنجا قرار دهید. من در حال حاضر، یک فایل html با نام sample.html را نگه می‌دارم. همچنین دو فونت سفارشی Roboto-Light.ttf و Roboto-Medium.ttf را برای اِعمال فونت سفارشی در CSS اضافه می‌کنم. امیدوارم شما این منابع را از اینجادانلود کنید.

آموزش اندروید

 

فراخوانی کد زیر در MainActivity.java شما، نمونه sample.html را از پوشه assets بارگیری می‌کند.

آموزش webview در androidفعالسازی/ غیر فعالسازی جاوااسکریپت

می‌توانید با متد setJavaScriptEnabled ()، قابلیت جاوا اسکریپت را در یک صفحه وب فعال یا غیرفعال کنید.

 

فعال‌سازی Zooming Controls

WebView، کنترل‌های مربوط به زوم سرخود را جهت انجام بزرگنمایی یا کوچکنمایی صفحه وب فراهم می‌کند. این کنترل‌ها، در هنگامی که در خواندن فونت‌های کوچک در صفحه وب مشکل دارید به شما کمک می‌کند. کد زیر موجب فعال‌سازی کنترل‌های زوم در صفحه وب می‌شود.

 

 

درباره ی محمد آذرنیوا

محمد آذری
من محمد آذرنیوا، نویسنده و مدرس دوره های برنامه نویسی ، طراحی وب و تحلیل گر پایگاه داده هستم و قصد دارم در این وبسایت مطالب کاربردی در این زمینه را با شما به اشتراک بگذارم. بیشتر از یک برنامه نویس باشید...

همچنین ببینید

ساخت دیالوگ در اندروید استودیو

در این مقاله، قصد داریم نحوه ساخت دیالوگ در اندروید استودیو آموزش دهیم . سابقا از ...

دیدگاهتان را بنویسید

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