环境搭建
打开 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
选项卡外观
比如: