14日 6月 2016

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();
}
}
}