2016年

5月

06日

Xamarin.Froms Click Me

 

Xamarin.Fromsでボタンのクリックイベントでラベル「Welcome to Xamarin Forms and XAML!」をクリックした」に置き換え表示する方法をまとめました。

Androidエミレーター表示

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

プロジェクト XFContenPageを右クリック --> 追加(D) --> 新しい項目(W)...をクリック

Cross-Platform --> code --> Forms Xaml Page を選択 名前:Page1 追加

Page1.xamlを書き換える。

Page1.xaml

LabelとButtonを記述する。

Label x:Name="text1" Text = "Welcome to Xamarin Forms and XAML!!"

Button x:Name="btn1" Text="Click Me"

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="XFPart2LBE.Page1">

  <StackLayout>
    <Label x:Name="text1" Text="Welcome to Xamarin Forms and XAML!" />
    <Button x:Name="btn1" Text="Click Me" />
  </StackLayout>

</ContentPage>

Page1.xaml.csを書き換える。

Page1.xaml.csにボタンクリック記述を追加する。

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

using Xamarin.Forms;

namespace XFPart2LBE
{
    public partial class Page1 : ContentPage
    {
        public Page1()
        {
            InitializeComponent();
            this.btn1.Clicked += Btn1_Clicked;
        }

        private void Btn1_Clicked(object sender, EventArgs e)
        {
            text1.Text = "クリックした";
        }
    }
}

App.cs MainPageの書き換え

App.cs

this.MainPage = new Page1(); 1行のみ

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

using Xamarin.Forms;

namespace XFPart2LBE
{
    public class App : Application
    {
        public App()
        {
            // The root page of your application
            this.MainPage = new Page1();

            //MainPage = new ContentPage
            //{
            //    Content = new StackLayout
            //    {
            //        VerticalOptions = LayoutOptions.Center,
            //        Children = {
            //             new Label {
            //                 HorizontalTextAlignment = TextAlignment.Center,
            //                 Text = "Welcome to Xamarin Forms!"
            //             }
            //         }
            //    }
            //};
        }

        protected override void OnStart()
        {
            // Handle when your app starts
        }

        protected override void OnSleep()
        {
            // Handle when your app sleeps
        }

        protected override void OnResume()
        {
            // Handle when your app resumes
        }
    }
}

ビルド

「Click Me」ボタンをクリック

クリックした」が表示されます。

 

目 次