Xamarin.Forms 第01局 Shell-准备

目录 - Xamarin.Forms


前言

本文为《第三部分:开发篇》做准备。
本文将创建一个简单Shell程序,本部分文章将扩展此程序,此程序包含三个简单页面:
一、主页(MainPage)
二、添加页(NewItemPage)
三、详情页(ItemDetailPage)

Shell介绍请参阅:Xamarin.Forms 第28局:Shell

环境

1.Visual Studio 2019
2.Xamarin.Froms 4.0.0.232914-pre6
3.Android 5.0(API 21)或更高版本
4.约定:XF代表Xamarin.Forms

内容

最终效果

Xamarin.Forms 第01局 Shell-准备_第1张图片

一、主页(MainPage)

实现效果

Xamarin.Forms 第01局 Shell-准备_第2张图片

实现方式

第一步:新建空白Xamarin.Forms 项目,取名XFShell。
Xamarin.Forms 第01局 Shell-准备_第3张图片
第二步:在XFShell.Android项目中的MainActivity.cs中添加启用Shell功能的标识。
Xamarin.Forms 第01局 Shell-准备_第4张图片
第三步:在XFShell项目中添加内容页,取名AppShell,更改其基类为Shell,并设置路由,浮动控件行为,样式资源,以及页面。
Xamarin.Forms 第01局 Shell-准备_第5张图片
Xamarin.Forms 第01局 Shell-准备_第6张图片
第四步:在App.xaml.cs中将AppShell设置为主页。
Xamarin.Forms 第01局 Shell-准备_第7张图片
第五步:添加一个Models文件夹,并在下面添加Item类。
Xamarin.Forms 第01局 Shell-准备_第8张图片
第六步:在MainPage中添加ListView,并在MainPage.xaml.cs中为其添加数据。
Xamarin.Forms 第01局 Shell-准备_第9张图片
Xamarin.Forms 第01局 Shell-准备_第10张图片

二、添加页(NewItemPage)

实现效果

Xamarin.Forms 第01局 Shell-准备_第11张图片

实现方式

第一步:新建内容页,取名NewItemPage,并更新为以下代码。
Xamarin.Forms 第01局 Shell-准备_第12张图片
Xamarin.Forms 第01局 Shell-准备_第13张图片
第二步:在MainPage中添加“添加”菜单,并实现其逻辑。
Xamarin.Forms 第01局 Shell-准备_第14张图片

三、详情页(ItemDetailPage)

实现效果

Xamarin.Forms 第01局 Shell-准备_第15张图片

实现方式

第一步:新建内容页,取名ItemDetailPage,并更新为以下代码。
Xamarin.Forms 第01局 Shell-准备_第16张图片
Xamarin.Forms 第01局 Shell-准备_第17张图片
第二步:在MainPage中,为ListView添加ItemSelected事件,使选中项时跳转到详情界面。
Xamarin.Forms 第01局 Shell-准备_第18张图片

源码

链接:https://pan.baidu.com/s/1LHWBbgmsZKIpCz5a5nswEQ
提取码:cypp

后语

下篇介绍MVVM,待续...


目录 - Xamarin.Forms

你可能感兴趣的:(Xamarin.Forms 第01局 Shell-准备)