02日 6月 2016

Xamarin.Froms TabbedPage iOSアイコン付き

iOSアイコン付きシンプルなTabbedPageです。

Android Windows Phone エミレーター表示

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

TabPage01

HomePage.cs クラスの追加

BluePage.cs RedPage.cs Forms Xaml Pageの追加

HomePage.csの書き換え

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

using Xamarin.Forms;

namespace TabPage01
{

// TabbedPageクラスを継承
public class HomePage : TabbedPage
{
public HomePage()
{
Children.Add(new BluePage());
Children.Add(new RedPage());
}
}
}

BluePage.cs の記述

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

using Xamarin.Forms;

namespace TabPage01
{
public partial class BluePage : ContentPage
{
public BluePage()
{
BackgroundColor = Color.Blue;
Title = "Blue Page";
Icon = "heart.png";
}
}
}

RedPage.cs の追加

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

using Xamarin.Forms;

namespace TabPage01
{
public partial class RedPage : ContentPage
{
public RedPage()
{
BackgroundColor = Color.Red;
Title = "Red Page";
Icon = "icecream.png";
}
}
}

App.cs の書き換え

App.cs

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

using Xamarin.Forms;

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

}
}
}