2016年

6月

02日

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

 

目 次