Xamarin.Formsxamarin开发技术XamarinForms

Xamarin.Forms 第04局:页面

2019-01-01  本文已影响4人  dotNET之家

总目录


前言

本文介绍页面:
一、页面概述
二、ContentPage
三、MasterDetailPage
四、NavigationPage
五、TabbedPage
六、TemplatedPage
七、CarouselPage

环境

1.Visual Studio 2017
2.Xamarin.Froms 4.0.0.8055-pre1
3.Android 4.4(API 19)或更高版本
4.约定:XF代表Xamarin.Forms

内容

一、页面概述

1.页面(Page)是应用的界面,例如:之前的MainPage。

2.XF中主要有以下6种页面类型:
- ContentPage:内容页;
- MasterDetailPage:大纲-细节页;
- NavigationPage:导航页;
- TabbedPage:选项卡页;
- TemplatedPage:模板页;
- CarouselPage:旋转页;

3.上图是XF提供的页面类型模板。下面通过Xaml和C#两种使用方式介绍所有页面类型。

二、ContentPage

ContentPage:内容页面,最常用的页面。通过Content属性设置其显示内容。

实现效果
Xaml方式
C#方式

三、MasterDetailPage

1.MasterDetailPage有两个ContentPage组成:Master页面和Detail页面;
- Master页面:显示列表或菜单;
- Detail页面:显示Master页面菜单对应的详情页面;

2.直接使用XF自带的【大纲-细节页】模板自动生成相关页面及示例代码。

3.通过下面的代码和界面可以基本了解MasterDetailPage使用方式;

实现效果
Xaml方式
C#方式:MasterDetailPage通常使用Xaml创建方式。

四、NavigationPage

NavigationPage管理使用堆栈体系结构的页面之间的导航。

实现效果
Xaml方式:NavigationPage不可用于Xaml创建。
C#方式

注意:这里只有将ContentPage用NavigationPage包裹起来,才能使用Navigation属性进行导航。

五、TabbedPage

TabbedPage派生自MultiPage类,允许使用选项卡进行子页面之间的导航。

实现效果
Xaml方式
C#方式

六、TemplatedPage

TemplatedPage用于显示控件模板。TemplatedPage仅用作显示,重点在于控件模板,这里简单介绍一下,在后续模板篇中再做详述。

实现效果
Xaml方式
C#方式

七、CarouselPage

CarouselPage派生自MultiPage类,允许在子页面之间进行导航。与TabbedPage类似,不过没有选项卡。

实现效果

左右滑动会切换界面。

Xaml方式
C#方式

后语

本文介绍页面,下篇介绍布局,待续...


总目录

上一篇 下一篇

猜你喜欢

热点阅读