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

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

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

  • XAML で Xamarin.Forms Grid を作成する。Create a Xamarin.Forms Grid in XAML.
  • Grid の列と行を指定する。Specify columns and rows for the Grid.
  • Grid でコンテンツを複数の列または複数の行にまたがって配置する。Span content across multiple columns or multiple rows in the Grid.

Grid 内にコントロールをレイアウトする方法を示す簡単なアプリケーションを作成するには、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 layout controls within a Grid. 次のスクリーンショットは、最終的なアプリケーションです。The following screenshots show the final application:

iOS と Android での、複数の列と行にまたがるコンテンツがある Grid のスクリーンショットScreenshot of a Grid that has content that spans multiple columns and rows, on iOS and Android