Xamarin移动应用开发入门

环境搭建#

打开 Visual Studio Installer

Xamarin 项目结构#

打开 VS2022，创建 移动应用（Xamarin.Forms）

项目创建完成之后，如下在解决方案查看项目结构

Application 类介绍#

MainPage —主页
Quit() —程序退出
OnStart() —程序打开
OnSleep() —程序进入后台
OnResume() —程序从后台回到前台

使用XAML创建界面#

XAML文件语法解释（与CS文件对照）

安卓移动权限添加（例如：定位、相机等）#

布局器#

StackLayout布局#

Grid布局#

AbsoluteLayout布局#

RelativeLayout布局#

Xamarin.Forms 控件#

Label#

Button#

对比

Entry 文本输入框#

对比

Image#

确保Android和iOS的Resource文件下下存放同样的图片

对比

Slider 滑块控件#

Switch 开关控件#

Stepper#

ProgressBar 进度条#

Picker 自定义选择器#

DataPicker 日期选择器#

TimePicker 时间选择器#

TableView#

ListView#

（1）

（2）

（3）

页面导航#

NavigationPage 分层导航#

演示：

自定义返回页面

TabbedPage#

演示：
新建页面

CarouselPage，使用与TabbedPage类似，但解决了iOS不能左滑右滑的问题。

FlyoutPage#

演示：
新建页面

一般用处就是在Page1里面添加某些按钮，点击事件

页面组织 Shell#

会使用浮出页面（FlyoutPage的效果）#

示例：
（1）创建一个空白项目
（2）MainPage.xaml 文件中，删掉自动创建好的下面的内容，然后把ContentPage改为Shell（命名空间定义的前面）

（3）相应的后台 .cs文件继承也要改成 继承Shell类

（4）

（5）

（6）

（7）

（8）

（9）

（10）补充1

（11）补充2

只使用选项卡（现在大多数App，底部有选项的样式） TabBar#

选项卡外观#

比如：