Skip to content

Instantly share code, notes, and snippets.

@LuisAlbertoPenaNunez
Last active August 28, 2017 15:17
Show Gist options
  • Save LuisAlbertoPenaNunez/2c68968bdd4314ac94b4265f18d34f39 to your computer and use it in GitHub Desktop.
Save LuisAlbertoPenaNunez/2c68968bdd4314ac94b4265f18d34f39 to your computer and use it in GitHub Desktop.
Making of LandingPage 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:prism="clr-namespace:Prism.Mvvm;assembly=Prism.Forms"
xmlns:prismBehaviors="clr-namespace:Prism.Behaviors;assembly=Prism.Forms"
xmlns:behaviors="clr-namespace:Behaviors;assembly=LeonaStore"
xmlns:template="clr-namespace:LeonaStore.Views.LandingPage.LandingPageTemplate;assembly=LeonaStore"
xmlns:cv="clr-namespace:Xamarin.Forms;assembly=Xamarin.Forms.CarouselView"
xmlns:dots="clr-namespace:LeonaStore.Components.CarouselDotsGenerator;assembly=LeonaStore"
BackgroundColor="{StaticResource leonaColor}"
prism:ViewModelLocator.AutowireViewModel="True"
x:Class="LeonaStore.Views.LandingContentPage">
<StackLayout
HorizontalOptions="FillAndExpand"
VerticalOptions="FillAndExpand">
<StackLayout
Padding="30"
Orientation="Horizontal">
<Label
x:Name="SkipLabel"
FontAttributes="Bold"
Text="Skip"
TextColor="#99FFFFFF"
FontSize="20"
HorizontalOptions="EndAndExpand"
VerticalOptions="StartAndExpand">
<Label.GestureRecognizers>
<TapGestureRecognizer Command="{Binding SkipLandingPage}"/>
</Label.GestureRecognizers>
<Label.Behaviors>
<behaviors:HideViewIf HideControlIf="{Binding ShowSkip}"/>
</Label.Behaviors>
</Label>
</StackLayout>
<cv:CarouselView
x:Name="Carousel"
HorizontalOptions="FillAndExpand"
VerticalOptions="FillAndExpand"
ItemsSource="{Binding PagesModelData}"
Position="{Binding CarouselPosition}">
<cv:CarouselView.ItemTemplate>
<DataTemplate>
<template:LandingPageViewTemplate/>
</DataTemplate>
</cv:CarouselView.ItemTemplate>
<cv:CarouselView.Behaviors>
<prismBehaviors:EventToCommandBehavior EventName="PositionSelected"
Command="{Binding PositionChangedCommand}" EventArgsParameterPath="SelectedPosition"/>
</cv:CarouselView.Behaviors>
</cv:CarouselView>
<StackLayout
HorizontalOptions="FillAndExpand"
VerticalOptions="End"
Padding="0,0,0,50">
<StackLayout
VerticalOptions="EndAndExpand"
Spacing="20">
<Button
x:Name="ContinueButton"
Opacity = "0"
Text="Get Started"
HorizontalOptions="CenterAndExpand"
TextColor="White"
Command="{Binding SkipLandingPage}"
BackgroundColor="{StaticResource likeLeonaColorButALittleBitMoreOpaque}"
WidthRequest="200">
<Button.Behaviors>
<behaviors:HideViewIf HideControlIf="{Binding ShowContinueButton}"/>
</Button.Behaviors>
</Button>
<dots:CarouselDotsGenerator
HorizontalOptions="CenterAndExpand"
ItemsSource="{Binding PagesModelData}"
CurrentPage="{Binding CarouselPosition}"/>
</StackLayout>
</StackLayout>
</StackLayout>
</ContentPage>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment