Xamarin.Forms StackLayout のチュートリアル

このチュートリアルを試行する前に、以下を正常に完了しておく必要があります。Before attempting this tutorial, you should have successfully completed the:

このチュートリアルでは、次の作業を行う方法について説明します。In this tutorial, you learn how to:

  • XAML で Xamarin.Forms StackLayout を作成する。Create a Xamarin.Forms StackLayout in XAML.
  • StackLayout の向きを指定する。Specify the orientation of the StackLayout.
  • StackLayout 内での子ビューの配置と展開を制御する。Control child view alignment and expansion within the StackLayout.

StackLayout 内にコントロールを配置する方法を示す簡単なアプリケーションを作成するには、Visual Studio 2019 または Visual Studio for Mac を使用します。You will use Visual Studio 2019, or Visual Studio for Mac, to create a simple application that demonstrates how to align controls within a StackLayout. 次のスクリーンショットは、最終的なアプリケーションです。The following screenshots show the final application:

iOS および Android 上の、配置オプションと展開オプションを設定した StackLayout の子ビューのスクリーンショット Screenshot of child views in a StackLayout, with alignment and expansion options set, on iOS and Android