01.ContentPageを使用するには？

ContentPageは主にシングルページを作成するためのもので、1つのコントロールしか配置できません。

このため、複数のコントロールを配置したい場合には、コンテナとなるコントロールを配置し、その上にButtonやLabelといったコントロールを置くようにします。

ContentPageを実装するページのコードビハインドは、以下のようにContentlPageクラスを継承する必要があります。

MainPage.xaml.cs

    namespace CarouselPageSample
{
    public partial class MainPage : ContentlPage
    {
        public MainPage()
        {
            InitializeComponent();
        }
    }
}

以下にページデザイン例を示します。

この例では ContentPageの中に、コンテナとなる StackLayoutを配置し、その上にLabelとButtonを配置しています。

MainPage.xaml

  <?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:ContentPageSample" 
              x:Class="ContentPageSample.MainPage">

    <StackLayout Orientation="Vertical">
        <Label Text="Welcome to Xamarin.Forms!" HorizontalOptions="Center" VerticalOptions="CenterAndExpand" />
        <Button Text="OK!" />
    </StackLayout>
    
</ContentPage>

実行例を以下に示します。