06日 5月 2016

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(); １行のみ

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
}
}
}