2016年

6月

14日

Xamarin.Froms  Webページ

WebViewコントロールをXamarin.Formsで使う方法。

Android Windows Phone エミレーター表示

ファイル --> 新規作成  --> プロジェクト(P)...  --> Cross-Platform --> Xamarin-Forms で作成

WebView01

WebPage1.cs 追加

WebPage1.cs の書き換え

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

using Xamarin.Forms;

namespace WebView01
{
    public partial class WebPage1 : ContentPage
    {
        public WebPage1()
        {
            // iOS の場合のみ、ステータスバーに重ならないように上に余白をとる
            Padding = new Thickness(0, Device.OnPlatform(20, 0, 0), 0, 0);
            // ページの唯一のコントロールとしてWebViewを配置する
            Content = new WebView
            {
                Source = "https://www.xamarin.com/" //表示するURLの指定
            };
        }
    }
}

App.cs の書き換え

App.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;

using Xamarin.Forms;

namespace WebView01
{
    public class App : Application
    {
        public App()
        {
            // The root page of your application
            MainPage = new WebPage1();
        }
    }
}

 

目 次