android 创建文件夹_如何使用Xamarin表单创建入职UI

用户首次打开您的应用程序，您有机会帮助他熟悉它，如何？您可以向他展示一系列屏幕，以解释该应用程序的功能，简而言之，这些屏幕就可以开始使用了。

在本教程中，我们将学习如何使用Xamarin.Forms创建入职UI。

注意：

本教程假定您熟悉Xamarin.Forms和Model-View-Model模式。

入门

在本教程中，我们将为名为Tabia的应用程序创建一个入门UI ，Tabia可以帮助他的用户养成持久的习惯。

设置项目

打开Visual Studio并创建一个空白的新Xamarin.Forms项目，构建并运行该项目，您应该具有以下屏幕：

检测应用程序是否首次启动

入职屏幕显示只有在应用程序启动的第一次，Xamarin.Essentials配备了一个叫做类VersionTracking 与，可以帮助。确保选中Xamarin.Essentials 软件包安装在您的NuGet包。

注意：

在编写本教程时，Xamarin.Essentials已随默认模板解决方案一起安装。

打开App.xaml.cs，重写OnStart方法并添加以下代码行。

打开MainPage.xaml.cs并在构造函数中添加以下代码行。

现在，我们知道首次启动该应用程序时，我们将添加代码以便稍后启动。

创建入职用户界面

需要两个NuGet软件包：

让我们安装两个软件包。

FFImageLoading需要在每个平台特定的项目(AppDelegate.cs，MainActivity.cs)中初始化。

在iOS上：

在Android上：

将使用Model-View-ViewModel模式创建UI，让我们首先创建模型。

创建一个名为Feature的文件夹，并添加一个名为OnboardingModel的新类。用以下行替换现有代码：

在同一文件夹中，添加一个名为OnboardingViewModel的新类，并添加以下代码行：

注意事项：

类型 ObservableCollection 的属性Items将绑定到转盘视图。使用属性ImageUrl可以指定图像的位置。

在iOS上，图像存储在文件夹Resource中。

在Android上，图像存储在文件夹Resource-> Drawable中。

添加一个名为OnboardingPage的新内容页面并打开OnboardingPage.xaml，删除所有代码并替换为以下内容：

注意事项：

在编写本教程时，IndicatorView仍处于试验阶段，您应在特定于平台的项目(AppDelegate.cs，MainActivity.cs)中添加以下行：

Xamarin.Forms.Forms.SetFlags(new string[] { "IndicatorView_Experimental" });

此时，共享项目应如下所示：

显示入职

打开MainPage.xaml.cs，用以下代码替换该TODO注释：

Navigation.PushModalAsync(new OnboardingPage()

生成并运行项目，您应该看到以下结果：

注意事项：

如果您想再次显示入职信息，我们需要从您的设备或模拟器中卸载该应用程序。