EP04 Xamarin Forms Carousel Page

Jan 10, 2022 | Xamarin Forms

Learn how to create Carousel Pages in Xamarin Forms

<?xml version="1.0" encoding="utf-8" ?>
<CarouselPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="Carousel_Page.MainPage"
              xmlns:local="clr-namespace:Carousel_Page"
              
              >
    
    <ContentPage>
        <ContentPage.Content>
            <StackLayout BackgroundColor="Green" Margin="10">
                <Label Text="Welcome-01" FontSize="30"/>
                <Button ></Button>
                <Entry></Entry>
            </StackLayout>
        </ContentPage.Content>
    </ContentPage>
    <ContentPage>
        <ContentPage.Content>
            <StackLayout BackgroundColor="Blue">
                <Label Text="Welcome-02" FontSize="30"/>
            </StackLayout>
        </ContentPage.Content>
    </ContentPage>
    <ContentPage>
        <ContentPage.Content>
            <StackLayout>
                <Label Text="Welcome-03" FontSize="30"/>
            </StackLayout>
        </ContentPage.Content>
    </ContentPage>
    <ContentPage>
        <ContentPage.Content>
            <StackLayout>
                <Label Text="Welcome-04" FontSize="30"/>
            </StackLayout>
        </ContentPage.Content>
    </ContentPage>


    <local:Page5></local:Page5>
    <local:Page6></local:Page6>


</CarouselPage>
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using Xamarin.Forms;

namespace Carousel_Page
{
    public partial class MainPage : CarouselPage
    {
        public MainPage()
        {
            InitializeComponent();
        }
    }
}
<?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="Carousel_Page.Page6">
    <ContentPage.Content>
        <StackLayout>
            <Label Text="Welcome"
                VerticalOptions="CenterAndExpand" 
                HorizontalOptions="CenterAndExpand" />
        </StackLayout>
    </ContentPage.Content>
</ContentPage>

Github : https://github.com/nady2999/Xamarin-Forms-Carousel-Page

Pin It on Pinterest

Share This