Essential UI Kit for Xamarin.Forms 使用教程

Essential UI Kit for Xamarin.Forms 使用教程

essential-ui-kit-for-xamarin.formsFree and beautiful XAML template pages for Xamarin.Forms apps.项目地址:https://gitcode.com/gh_mirrors/es/essential-ui-kit-for-xamarin.forms

1. 项目的目录结构及介绍

Essential UI Kit for Xamarin.Forms 是一个为 Xamarin.Forms 应用程序提供预构建 UI 页面的开源项目。项目的目录结构如下：

essential-ui-kit-for-xamarin.forms/
├── EssentialUIKit/
│   ├── App.xaml
│   ├── App.xaml.cs
│   ├── Controls/
│   ├── DataService/
│   ├── Models/
│   ├── Views/
│   ├── ViewModels/
│   └── EssentialUIKit.csproj
├── EssentialUIKit.Android/
├── EssentialUIKit.iOS/
├── EssentialUIKit.UWP/
├── EssentialUIKit.Tizen/
├── EssentialUIKit.macOS/
├── EssentialUIKit.WPF/
└── README.md

目录结构介绍

• EssentialUIKit/: 包含应用程序的核心代码，包括 XAML 页面、视图模型、模型和数据服务。

  • App.xaml: 应用程序的资源定义文件。
  • App.xaml.cs: 应用程序的入口点。
  • Controls/: 自定义控件目录。
  • DataService/: 数据服务目录，用于处理数据操作。
  • Models/: 数据模型目录。
  • Views/: 视图目录，包含所有页面的 XAML 文件。
  • ViewModels/: 视图模型目录，包含所有页面的逻辑代码。
  • EssentialUIKit.csproj: 项目文件。

• EssentialUIKit.Android/, EssentialUIKit.iOS/, EssentialUIKit.UWP/, EssentialUIKit.Tizen/, EssentialUIKit.macOS/, EssentialUIKit.WPF/: 对应不同平台的项目文件。

• README.md: 项目说明文档。

2. 项目的启动文件介绍

项目的启动文件是 App.xaml 和 App.xaml.cs。

App.xaml

App.xaml 文件定义了应用程序的资源，例如样式和模板。以下是 App.xaml 的示例代码：

<Application xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="EssentialUIKit.App">
    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="Styles/Colors.xaml"/>
                <ResourceDictionary Source="Styles/Fonts.xaml"/>
                <ResourceDictionary Source="Styles/Styles.xaml"/>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>
</Application>

App.xaml.cs

App.xaml.cs 文件是应用程序的入口点，负责初始化应用程序并设置主页面。以下是 App.xaml.cs 的示例代码：

using Xamarin.Forms;

namespace EssentialUIKit
{
    public partial class App : Application
    {
        public App()
        {
            InitializeComponent();
            MainPage = new NavigationPage(new MainPage());
        }

        protected override void OnStart()
        {
            // Handle when your app starts
        }

        protected override void OnSleep()
        {
            // Handle when your app sleeps
        }

        protected override void OnResume()
        {
            // Handle when your app resumes
        }
    }
}

3. 项目的配置文件介绍

项目的配置文件主要包括 App.xaml 和 EssentialUIKit.csproj。

App.xaml

如上所述，App.xaml 文件定义了应用程序的资源，包括颜色、字体和样式。

EssentialUIKit.csproj

EssentialUIKit.csproj 文件是项目的配置文件，包含了项目的基本信息、依赖项和构建配置。以下是 EssentialUIKit.csproj 的部分示例代码：

<Project Sdk="Microsoft.NET.Sdk">
  <PropertyGroup

essential-ui-kit-for-xamarin.formsFree and beautiful XAML template pages for Xamarin.Forms apps.项目地址:https://gitcode.com/gh_mirrors/es/essential-ui-kit-for-xamarin.forms