首页 科技正文

欧博最新网址:【Xamarin.Forms 3】页面类型

admin 科技 2020-11-11 198 1

系列目录

博客园

1、【Xamarin.Forms 1】App的建立与运行

2、【Xamarin.Forms 2】App基础知识与App启动

项目地址

1、GitHub:https://github.com/mzy666888/HelloXamarinFormsApp

2、Gitee:https://gitee.com/sesametechgroup/HelloXamarinFormsApp

弁言

本篇文章将先容Xamarin.FormsApp 种种页面类型。

开发环境

  1. Visual Studio 2019 16.6.2
  2. Xamarin.Forms 4.6.0.726
  3. Android 5.0 (API 级别21 - Lollipop)以上

正文

下面形貌的所有页面类型都派生自Xamarin.Forms Page类。这些视觉工具占有所有或者大部门屏幕。Page工具示意ViewControlleriOSPage通用Windows平台中。在Android上,每个页面都占有屏幕Activity,但Xamarin.Forms页面并不是Activity工具。

Xamarin.Forms在开发中,使用到的种种页面类型主要包罗:ContentPageMasterDetailPageNavigationPageTabbedPageCarouselPageTemplatedPage。这些页面在差别的使用场景中有差别的需求。

一、ContentPage页面

ContentPage是最简朴且最常见的页面类型。将Content属性设置为一个View工具,该工具最常设置为Layout系列类型,如StackLayoutGrid或者ScrollView

二、MasterDetailPage页面

MasterDetailPage是治理两个信息窗体的页面类型。将Master属性设置为通常显示列表或菜单的页面。将Detail属性设置为显示母版页中选定项的页面。IsPresented属性控制主页面或详细信息页面是否可见。

我们在项目中添加一个MasterDetailPage页面,自动会添加三个页面:MasterDetailPage1.xamlMasterDetailPage1Detail.xaml``MasterDetailPage1Master.xaml和一个类:MasterDetailPage1MasterMenuItem.cs
其中MasterDetailPage1Detail.xaml(显示内容页面),MasterDetailPage1Master.xaml(显示菜单页面)为ContentPage类型的页面。
欧博最新网址:【Xamarin.Forms 3】页面类型 第1张

在真机上运行效果如下图(此图为两张图的合并后的图像,注重凭据顶部内容举行区分)

欧博最新网址:【Xamarin.Forms 3】页面类型 第2张

三、NavigationPage页面

NavigationPage使用
NavigationPage使用基于客栈的体系结构治理其他页面中的导航。在应用程序中使用页面导航时,主页的实例应传递给工具的组织函数NavigationPage
欧博最新网址:【Xamarin.Forms 3】页面类型 第3张

四、TabbedPage页面

TabbedPage派生自抽象MultiPage类,允许使用选项卡在子页面间导航。将Children属性设置为页的聚集,或将属性设置ItemsSource为数据工具的聚集,并将属性设置为ItemTemplate DataTemplate形貌如何以可视方式标识每个工具的属性。
欧博最新网址:【Xamarin.Forms 3】页面类型 第4张

我们在项目中添加一个TabbedPage页面,系统默认天生的结构代码如下:
欧博最新网址:【Xamarin.Forms 3】页面类型 第5张

在真机上运行效果如下图:
欧博最新网址:【Xamarin.Forms 3】页面类型 第6张

五、CarouselPage页面

CarouselPage同样派生自抽象MultiPage类,允许通过手指轻扫在子页面之间导航。将Children属性设置为工具的聚集ContentPage,或将属性设置ItemsSource为数据工具的聚集,并将ItemTemplate属性设置为DataTemplate形貌如何以直观方式示意每个工具的属性。
欧博最新网址:【Xamarin.Forms 3】页面类型 第7张

六、TemplatedPage页面

TemplatedPage使用控件模板显示全屏内容,时基于类ContentPage
欧博最新网址:【Xamarin.Forms 3】页面类型 第8张

可在添加->新建项中,选择Xamarin.Forms选择中看到部门可以添加的页面,对于没有泛起的页面类型,可以添加一个ContentPage后举行修改成想要使用的类型。
欧博最新网址:【Xamarin.Forms 3】页面类型 第9张

加群讨论

欧博最新网址:【Xamarin.Forms 3】页面类型 第10张

参考文章:

,

欧博亚洲客户端

欢迎进入欧博亚洲客户端(Allbet Game):www.aLLbetgame.us,欧博官网是欧博集团的官方网站。欧博官网开放Allbet注册、Allbe代理、Allbet电脑客户端、Allbet手机版下载等业务。

版权声明

本文仅代表作者观点,
不代表本站Allbet的立场。
本文系作者授权发表,未经许可,不得转载。

评论

精彩评论
  • 2020-11-11 00:00:20

    Us apple developer accounts for saleAppledeveloper.io is a reputed website selling apple developer account, providing us, China and worldwide developer individual accounts for sale. It's at low price and good quality. Always provides satisfying services!走心的夸你