首页 > 其他分享 >Xamarin开发入门

Xamarin开发入门

时间:2023-05-29 21:33:12浏览次数:43  
标签:Xamarin Shell 入门 控件 创建 开发 选择器 页面

环境搭建

打开 Visual Studio Installer
image.png

Xamarin 项目结构

打开 VS2022,创建 移动应用Xamarin.Forms
image.png

项目创建完成之后,如下在解决方案查看项目结构
image.png

Application 类介绍

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

使用XAML创建界面

XAML文件语法解释(与CS文件对照)
image.png

安卓移动权限添加(例如:定位、相机等)

image.png

布局器

StackLayout布局

image.png

Grid布局

image.png

AbsoluteLayout布局

image.png

RelativeLayout布局

image.png

Xamarin.Forms 控件

Label

image.png

Button

image.png
对比
image.png

Entry 文本输入框

image.png
对比
image.png

Image

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

对比
image.png

Slider 滑块控件

image.png

Switch 开关控件

image.png

Stepper

image.png

ProgressBar 进度条

image.png

Picker 自定义选择器

image.png

DataPicker 日期选择器

image.png

TimePicker 时间选择器

image.png

TableView

image.png

ListView

(1)
image.png
(2)
image.png
(3)
image.png

页面导航

image.png

image.png
演示:
image.png
自定义返回页面
image.png

TabbedPage

image.png
演示:
新建页面
image.png

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

FlyoutPage

image.png
演示:
新建页面
image.png
一般用处就是在Page1里面添加某些按钮,点击事件
image.png

页面组织 Shell

会使用浮出页面(FlyoutPage的效果)

示例:
(1)创建一个空白项目
(2)MainPage.xaml 文件中,删掉自动创建好的下面的内容,然后把ContentPage改为Shell(命名空间定义的前面)
image.png
(3)相应的后台 .cs文件继承也要改成 继承Shell类
image.png
(4)
image.png
(5)
image.png
(6)
image.png
(7)
image.png
(8)
image.png
(9)
image.png
(10)补充1
image.png
(11)补充2
image.png

只使用选项卡(现在大多数App,底部有选项的样式) TabBar

image.png

选项卡外观

image.png
比如:
image.png

标签:Xamarin,Shell,入门,控件,创建,开发,选择器,页面
From: https://www.cnblogs.com/swbna/p/17441722.html

相关文章

  • Wpf基础入门——模板和样式(Template&Style)
    本篇文章学习于:刘铁猛老师《深入浅出WPF》什么是模板?在WPF中,通过引入模板(Template)微软将数据和算法的“内容”与“形式”解耦了。WPF中的Template分为两大类:ControlTemplate是算法内容的表现形式,一个控件怎样组织其内部结构才能让它更符合业务逻辑、让用户操作起来更舒服就......
  • Wpf基础入门——XAML篇
    本篇文章学习于:刘铁猛老师《深入浅出WPF》什么是“项目模板”?最简单的WPF程序App.xamlMainWindow.xamlMainWindows.cs浅析用户界面的树型结构示例:在XAML中为对象属性赋值Attribute=Value形式例如:【不能设置太复杂的值】可以注意到在xaml文件中设置的value都是str......
  • Wpf基础入门——绑定(Binding)
    本篇文章学习于:刘铁猛老师《深入浅出WPF》Bing基础Binding更注重表达它是一种像桥梁一样的关联关系。WPF中,正是在这段桥梁上我们有机会为往来流通的数据做很多事情。如果把Binding比作数据的桥梁,那么它的两端分别是Binding的源(Source)和目标(Target)。一般情况下,Binding源是......
  • Wpf基础入门——资源(Resources)
    本篇文章学习于:刘铁猛老师《深入浅出WPF》WPF对象级资源每个WPF的界面元素都具有一个名为Resources的属性,这个属性继承自FrameworKElement类,其类型为ResourceDictionary。ResourceDictionary能够以“键一值”对的形式存储资源,当需要使用某个资源时,使用“键一值”对可以索引......
  • Shell脚本开发项目
    一、日志文件的备份和还原shell脚本:客户机:1、通过修改配置文件,来实现发送日志到远程服务器 vim/etc/rsyslog.conf*.*@@remote…前面的*服务名称(日志文件)后面的*代表等级@@TCP协议发送写入登录日志的服务 authpriv.*@@192.168.134.130:514(远程服务器的ip和端口)2.临时关闭防火......
  • AUTOCAD二次开发系列教程02-创建实体过程的理解
    目录01案例02步骤讲解03关键类理解04总结05源码地址01案例创建一个圆usingAutodesk.AutoCAD.ApplicationServices.Core;usingAutodesk.AutoCAD.DatabaseServices;usingAutodesk.AutoCAD.Geometry;usingAutodesk.AutoCAD.Runtime;namespaceHello.Cad.App01{......
  • Wpf基础入门——控件介绍
    本篇文章学习于:刘铁猛老师《深入浅出WPF》控件到底是什么?WPF中是数据驱动UI,数据是核心、是主动的;UI从属于数据并表达数据、是被动的。Control是数据和行为的载体,而无需具有固定的形象。控件的派生关系如下:WPF的内容模型各类内容模型详解我们把符合某类内容模型的UI元......
  • python爬虫入门
    使用sublimetext3可以先保存文件,保存文件时,名字后缀需要添加.py否则无法识别为Python文件为方便命令行调用,文件名不用空格 可直接在文件夹内输入cmd快捷进入,shift+右键也可以Tab补齐内容,↑历史记录前端入门html <>开始</>结束head内一般是导入的元素,css,js脚本等css......
  • Arduino开发环境搭建
    软件下载地址:安装板级驱动:C:\Users\88429\Documents\Arduino\hardware\espressif\arduino-esp32-masteresp32wroom32板级驱动为github的链接:安装库文件:旧版(18)库位置:安装位置//aduino//librariesor//hardware或者:c盘的x86programfiles/arduinno/libraries新版的library......
  • jwt原理开发,drf-jwt快速使用和自定义使用,jwt签发认证源码分析
    一眼弄懂cookieSeesiontoken区别彻底弄懂cookie,session和token区别1jwt原理1.1使用jwt认证和使用session认证的区别1.2三段式eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiYWRtaW4iOnRydWV9.TJVA95OrM7E2cBab30RMHrHDcEf......