/// <summary>
/// Open the welcome page
/// </summary>
private void Open_Static_Clicked(object sender, EventArgs e)
{
var welcomePage = new SimpleAppIntro(GetSlides())
{
// Properties
ShowPositionIndicator = true,
ShowSkipButton = true,
ShowNextButton = true,
DoneText = "Finish",
NextText = "Next",
BackText = "Back",
SkipText = "Skip",
// Theming
BarColor = "#607D8B",
BackButtonBackgroundColor = "#FF9700",
SkipButtonBackgroundColor = "#FF9700",
DoneButtonBackgroundColor = "#8AC149",
NextButtonBackgroundColor = "#8AC149",
// Callbacks
OnSkipButtonClicked = OnSkipButtonClicked,
OnDoneButtonClicked = OnDoneButtonClicked,
OnPositionChanged = OnPositionChanged,
// Vibrate
Vibrate = true,
VibrateDuration = 1,
};
Navigation.PushModalAsync(welcomePage);
}
private void Open_Static_Clicked()
{
var welcomePage = new SimpleAppIntro(new List <object>()
{
new Slide(new SlideConfig(Languages.Welcome_Label, Languages.Welcome_Summary, "logo.png",
"#f68f1e", "#FFFFFF", "#FFFFFF", FontAttributes.Bold, FontAttributes.None, 24, 16)),
})
{
// Properties
ShowPositionIndicator = true,
ShowSkipButton = true,
ShowNextButton = true,
DoneText = Languages.Editor_ReturnType_Go,
NextText = Languages.Editor_ReturnType_Next,
SkipText = Languages.Button_Skip,
// Theming
BarColor = "#607D8B",
SkipButtonBackgroundColor = "#100FFFFFF",
DoneButtonBackgroundColor = "#100FFFFFF",
NextButtonBackgroundColor = "#100FFFFFF",
// Callbacks
OnSkipButtonClicked = OnSkipButtonClicked,
OnDoneButtonClicked = OnDoneButtonClicked,
};
Navigation.PushModalAsync(welcomePage);
}
public static SimpleAppIntro CreateAppIntro()
{
var welcomePage = new SimpleAppIntro(new List <object>()
{
new Slide(new SlideConfig(AppResources.Brief_01, AppResources.Brief_Detail_01, "ic_hospitality.png",
"#f8bbd0", "#FFFFFF", "#FFFFFF", FontAttributes.Bold, FontAttributes.Italic, 24, 16)),
new Slide(new SlideConfig(AppResources.Brief_02, AppResources.Brief_Detail_02, "ic_add_alarm.png",
"#d1c4e9", "#FFFFFF", "#FFFFFF", FontAttributes.Bold, FontAttributes.Italic, 24, 16)),
new Slide(new SlideConfig(AppResources.Brief_03, AppResources.Brief_Detail_03, "ic_voice_recognition.png",
"#c5cae9", "#FFFFFF", "#FFFFFF", FontAttributes.Bold, FontAttributes.Italic, 24, 16)),
new Slide(new SlideConfig(AppResources.Brief_04, AppResources.Brief_Detail_04, "ic_complete.png",
"#bbdefb", "#FFFFFF", "#FFFFFF", FontAttributes.Bold, FontAttributes.Italic, 24, 16)),
new Slide(new SlideConfig(AppResources.Brief_05, AppResources.Brief_Detail_05, "ic_treadmill.png",
"#b3e5fc", "#FFFFFF", "#FFFFFF", FontAttributes.Bold, FontAttributes.Italic, 24, 16)),
new Slide(new SlideConfig(AppResources.Brief_06, AppResources.Brief_Detail_06, "ic_search_phone.png",
"#b2ebf2", "#FFFFFF", "#FFFFFF", FontAttributes.Bold, FontAttributes.Italic, 24, 16)),
})
{
Vibrate = false,
DoneText = AppResources.Done,
SkipText = AppResources.Skip,
NextText = AppResources.Next,
BarColor = "#607D8B",
SkipButtonBackgroundColor = "#00000000",
DoneButtonBackgroundColor = "#80deea",
NextButtonBackgroundColor = "#00000000"
};
return(welcomePage);
}
/// <summary>
/// Open the welcome page
/// </summary>
private void Open_Static_Clicked(object sender, EventArgs e)
{
var welcomePage = new SimpleAppIntro(new List <object>()
{
new Slide(new SlideConfig("Welcome", "This is a sample app showing off the new App Intro", "cup_icon.png",
null, "#FFFFFF", "#FFFFFF",
FontAttributes.Bold, FontAttributes.Italic, 24, 16)),
new ButtonSlide(new ButtonSlideConfig("Slides", "You can add slides and have a clean app intro", "cup_icon.png",
null, "Click here", null, "#FFFFFF", new Command(() => OnButtonClicked()), "#FFFFFF", "#FFFFFF",
FontAttributes.Bold, FontAttributes.Italic, 24, 16)),
new CheckboxSlide(new CheckboxSlideConfig("Checkbox", "Let your user set specific settings via a AppIntro screen.", "cup_icon.png",
null, true, new Command <bool>((value) => OnCheckboxClicked(value)), "#FFFFFF", "#FFFFFF",
FontAttributes.Bold, FontAttributes.Italic, 24, 16)),
new SwitchSlide(new SwitchSlideConfig("Other", "Tell your user what they can do with your app", "cup_icon.png",
null, true, new Command <bool>((value) => OnSwitchClicked(value)), "#FFFFFF", "#FFFFFF",
FontAttributes.Bold, FontAttributes.Italic, 24, 16)),
})
{
// Properties
ShowPositionIndicator = true,
ShowSkipButton = true,
ShowNextButton = true,
DoneText = "Finish",
NextText = "Next",
SkipText = "Skip",
// Theming
BarColor = "#607D8B",
SkipButtonBackgroundColor = "#FF9700",
DoneButtonBackgroundColor = "#8AC149",
NextButtonBackgroundColor = "#8AC149",
//// Use images instead of buttons
DoneButtonImage = "baseline_done_white_24.png",
//NextButtonImage = "baseline_done_white_24.png",
// Callbacks
OnSkipButtonClicked = OnSkipButtonClicked,
OnDoneButtonClicked = OnDoneButtonClicked,
OnPositionChanged = OnPositionChanged,
// Vibrate
Vibrate = true,
VibrateDuration = 1,
};
Navigation.PushModalAsync(welcomePage);
}
/// <summary>
/// Open the welcome page
/// </summary>
private void Open_Icons_Clicked(object sender, EventArgs e)
{
var welcomePage = new SimpleAppIntro(GetSlides())
{
ShowBackButton = true,
DoneButtonImage = "baseline_done_white_24.png",
NextButtonImage = "baseline_keyboard_arrow_right_white_24.png",
SkipButtonImage = "baseline_double_arrow_white_24.png",
BackButtonImage = "baseline_keyboard_arrow_left_white_24.png",
OnSkipButtonClicked = OnSkipButtonClicked,
OnDoneButtonClicked = OnDoneButtonClicked,
OnPositionChanged = OnPositionChanged,
};
Navigation.PushModalAsync(welcomePage);
}
/// <summary>
/// Shows the introduction page on first launch of the application
/// </summary>
public App()
{
InitializeComponent();
if (Current.Properties.ContainsKey("FirstStart"))
{
MainPage = new NavigationPage(new MainPage())
{
BarBackgroundColor = Color.FromHex("#2c3e50")
};
}
else
{
MainPage = new SimpleAppIntro(new List <Slide> {
new Slide(new SlideConfig("Scan URL", "Scan URL by capturing or loading image from storage",
"scan.png", "#2c3e50")),
new Slide(new SlideConfig("Internet", "Make sure that you have internet connection",
"connection.png", "#2c3e50")),
new Slide(new SlideConfig("Browsing", "Open scanned URL in browser",
"browsing.png", "#2c3e50"))
})
{
// Properties
ShowPositionIndicator = true,
ShowSkipButton = true,
ShowNextButton = true,
DoneText = "Finish",
NextText = "Next",
SkipText = "Skip",
// Theming
BarColor = "#607D8B",
SkipButtonBackgroundColor = "#2c3e50",
DoneButtonBackgroundColor = "#2c3e50",
NextButtonBackgroundColor = "#2c3e50",
// Callbacks
OnSkipButtonClicked = OnSkipButtonClicked,
OnDoneButtonClicked = OnDoneButtonClicked,
OnPositionChanged = OnPositionChanged,
};
}
}
