xamarin.formsのxamlやC#のコードの書き方について（xamarin.forms初心者です）

Question

前提・実現したいこと

ボタンを押すとページが遷移して別のページが表示されるようにするにはどうすればよいでしょうか？どのようなコードを書けばよいでしょうか？そもそもxamlとC#がどのような関係なのか、いまいちよくわかっていません。HTMLとRubyのような関係であれば、HTMLにRubyを埋め込んだりすると思うのですが、xamlやC#も同じことができるのでしょうか？

どなたか回答お願い致します。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

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

    <StackLayout>
        <!-- Place new controls here -->
        <Label Text="Welcome to Xamarin.Forms!" 
           HorizontalOptions="Center"
           VerticalOptions="CenterAndExpand" />
        <Entry Placeholder = "Username" />
        <Entry Placeholder = "Password" 
               IsPassword = "True" />
        <Button Text = "Login" />
    </StackLayout>
    
    

</ContentPage>

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[f-miyu]

公式のドキュメントは読みましたか？ https://docs.microsoft.com/ja-jp/xamarin/xamarin-forms/app-fundamentals/navigation/hierarchical 読んだ上でわからないのであれば、試しているソースコードを載せて、どこがどうわからないのかを示してください。

[takenokox]

回答ありがとうございます。そちらの公式サイトは調べているうちに何度か辿り着いたのですが、用語などが難しくて理解できなかったです。

[takenokox]

Loginボタンを押すと違うページに移動できるようにしたいです。

[f-miyu]

ソースコードの載せていただいてありがとうございます。コードを見る限り、ログインボタンを押したら、別のページに遷移したいということでよろしいでしょうか？また、具体的にどのような用語が理解できなかったのか教えていただけますか？

Answer 1

xamlの方にコールバック名を指定して、処理をC#で書きます。
遷移するには、Navigation.PushAsyncを使用します。（遷移先のページのクラスを仮にNextPageとしています）

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

    <StackLayout>
        <!-- Place new controls here -->
        <Label Text="Welcome to Xamarin.Forms!" 
           HorizontalOptions="Center"
           VerticalOptions="CenterAndExpand" />
        <Entry Placeholder = "Username" />
        <Entry Placeholder = "Password" 
               IsPassword = "True" />
        <Button Text = "Login"  Clicked="OnLoginButtonClicked" />
    </StackLayout>



</ContentPage>

public partial class MainPage : ContentPage
{
    public MainPage()
    {
        InitializeComponent();
    }

    public void OnLoginButtonClicked(object sender, EventArgs e)
    {
        Navigation.PushAsync(new NextPage());
    }
}

あと、AppクラスのMainPageは、NavigationPageの入れ子にするのを忘れないでください。

public App()
{
    MainPage = new NavigationPage(new MainPage());
}

Comments

[takenokox]

f-miyuさん、遅くなりましたが、無事実装できました。助かりました、ありがとうございました。また、機会がありましたら、お願い致します。