2016年

6月

20日

Xamarin.Froms ToolbarItems (MENU1,MENU2,MENU3)

NavigationのToolbarItemです。MENU1,MENU2,MENU3

Android Windows Phone エミレーター表示



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

ToolbarItems01

MainPage.cs SettingsPage.cs  クラスの追加

MainPage.csの書き換え

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

using Xamarin.Forms;

namespace ToolbarItems01
{
    public partial class MainPage : ContentPage
    {
        public MainPage()
        {
            BackgroundColor = Color.Black;

            Title = "Main";

            // ツールバーメニュー
            ToolbarItems.Add(new ToolbarItem
            {
                Name = "menu1",
                // アイコン画像の方がが優先されます。44ピクセル
                //Icon = "icon.png",
                // アラート表示
                //Command = new Command(() => DisplayAlert("Selected", "menu1", "OK"))
                // SettingsPage画面遷移コマンド 
                Command = new Command(this.ShowSettingsPage),
            });
            ToolbarItems.Add(new ToolbarItem { Name = "menu2" });
            ToolbarItems.Add(new ToolbarItem { Name = "menu3" });

            // Labelを生成する
            Label labelLarge = new Label
            {
                Text = "MainPage",
                FontSize = 60,
                TextColor = Color.Yellow,
                // 中央に配置する(横方向)
                HorizontalOptions = LayoutOptions.Center,
                // 中央に配置する(縦方向)
                VerticalOptions = LayoutOptions.Center
            };

            // ラベルを配置
            Content = labelLarge;
        }

        // SettingsPage画面遷移
        private void ShowSettingsPage()
        {
            // 画面遷移
            this.Navigation.PushAsync(new SettingsPage());
        }
    }
}

SettingsPage.cs サブクラスの記述

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

using Xamarin.Forms;

namespace ToolbarItems01
{
    public partial class SettingsPage : ContentPage
    {
        public SettingsPage()
        {          
            // Navigation Bar タイトル
            Title = "Settings";

            // Navigation Bar タイトルアイコン
            Icon = "icon.png";

            
            // Labelを生成する
            Label labelLarge = new Label
            {
                Text = "SettingsPage",
                FontSize = 50,
                TextColor = Color.Yellow,
                // 中央に配置する(横方向)
                HorizontalOptions = LayoutOptions.Center,
                // 中央に配置する(縦方向)
                VerticalOptions = LayoutOptions.Center
            };

            // ラベルを配置
            Content = labelLarge;

            //Content = new ContentView { Content = new Label { Text = "Settings..." } };
            // NavigationPage.SetTitleIcon(this, this.Icon);
        }
    }
}

App.cs の書き換え

App.cs

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

using Xamarin.Forms;

namespace ToolbarItems01
{
    public class App : Application
    {
        public App()
        {
            // アプリケーションのルートページ
            var NaviPage = new NavigationPage(new MainPage())
            {
                //Title = "ナビゲーション",
                // ナビゲーションバー TextColor
                //BarTextColor = Color.White,
                // ナビゲーションバックグランドバーカラー
                BarBackgroundColor = Color.Blue
            };

            // アプリケーションのルートページ
            MainPage = NaviPage;
        }
    }
}

 

目 次