The Xablu Walkthrough helps you to easily add a walkthrough to your apps for both iOS and Android
- Available on NuGet: https://www.nuget.org/packages/Xablu.Walkthrough/
- Install into each project that utilizes the Walkthrough
The plugin works with themes. Every theme must consist of a Container and a Page. Containers and Pages can be mixed and matched. The current available containers and pages are:
| ForestPrimes container and page | Pantheon container and ForestPage | Vesta container and page |
|---|---|---|
 |
 |
 |
 |
 |
 |
After you have installed the nuget into every project simple create a new theme in your PCL library like so:
var theme = new Theme<ForestPrimesPage, ForestPrimesContainer>();Now style your container the way you like, for example:
theme.Container = new ForestPrimesContainer()
{
StartButtonControl = new ButtonControl()
{
Text = "START",
BackgroundColor = Color.FromArgb(0, 237, 26, 59)
},
NextButtonControl = new ImageButtonControl()
{
Image = "ArrowRight",
ClickAction = () => CrossWalkthrough.Current.Next()
}
};Add as much pages to the theme as you like:
theme.Pages.Add
(
new ForestPrimesPage()
{
BackgroundColor = Color.FromArgb(239, 239, 239),
TitleControl = new TextControl()
{
Text = "Take advantage now!",
TextSize = 24
},
ImageControl = new ImageControl()
{
Image = "xablu"
},
DescriptionControl = new TextControl()
{
Text = "Don't build it yourself, use the XABLU plugin! It's easy to extend and implement!",
TextSize = 16
}
}
);Next call the setup method and show it:
CrossWalkthrough.Current.Setup(theme);
CrossWalkthrough.Current.Show();