Xamarin WebView Kullanımı

Merhaba arkadaşlar, bu yazımızda Xamarin webView kullanımına bakacağız. Öncelikle Webview nedir ona bakalım.

Webview Nedir?

Web görüntüleyici olarak çevirebiliriz. Aslında yaptığı tek şey bir web sayfasını mobil uygulama gibi göstermektir.

Xaml Tasarım

Xaml tarafa bir buton atalım ve butona tıklandığında yeni bir sayfada web sayfasını açsın.. Hemen görselini ekliyorum..

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:webviewornek"
             x:Class="webviewornek.MainPage">

    <StackLayout VerticalOptions="CenterAndExpand">
        <Label Text="WebView Örneği" 
           HorizontalOptions="Center"/>
        <Button Text="Sayfayı Açmak için Tıkla" Clicked="btnTikla"></Button>
    </StackLayout>

</ContentPage>

Cs Kod

Şimdi gelelim WebView eklemeye ve butona tıklandığında sayfanın açılmasına.. Gerekli açıklamaları yorum satırı olarak ekledim.

namespace webviewornek
{
    public partial class MainPage : ContentPage
    {
        public MainPage()
        {
            InitializeComponent();
        }
        private async void btnTikla(Button sender, EventArgs e) //butona tıklandığında yapılacakları seçme
        {

            WebView webGoster = new WebView //webView ekleme
            {
                Source = new UrlWebViewSource //sayfa göstereceğimi belirtiyoruz diyebilirim..
                {
                    Url = "https://www.muhammeddincer.com", //web sayfamızın linkini ekliyoruz.

                },
                VerticalOptions = LayoutOptions.FillAndExpand, //dikey hizalamayı doldur yapıyoruz ki sayfamız tam ekran açılsın
            };
            this.Content = new StackLayout //yeni bir pencerede açılacağı için yeni bir stacklayout oluşturuyoruz.
            { // dilersek aynı stacklayout üzerinde de açılmasını sağlayabiliriz.
                Children ={
                    webGoster//stacklayout içerisine webGosterimizi ekliyoruz ve tamamdır.
                }
            };
        }
    }
}

Android Görünüm

Butona tıklandıktan sonra..

Masaüstü Görünüm

Xamarin ile çoklu platform uygulama geliştirilebilir dediğimiz için bir de masaüstü görünümüzü ekliyorum.

Programa giriş aşağıdaki gibi olacaktır. Yalnız benim bilgisayarımda test amaçlı çalıştırdığım için üst kısımdaki siyah kutu ile gelen seçenekler normal kullanıcılar için gelmeyecektir.

Butona tıkladıktan sonra…

Aynı normal tarayıcıdaki gibi karşımıza çıkmaktadır.  Gördüğünüz gibi Xamarin ile WebView kullanımı gayet basittir ve çoklu platform desteği ile bizlere kolaylık sağlamaktadır.

Umarım faydalı olmuştur sorunlarınız olursa yorum üzerinden veya iletişim üzerinden sorabilirsiniz..

[the_ad id=”514″]